Patterns (legacy)
Design patterns help ensure consistent behavior across the Shopify admin.
Loading
Navigating the Shopify admin should be fast, meaningful, and focused. Intentional loading states deliver a continuous flow for merchants.
New badge
The New badge can be used to inform merchants about the release of a feature that creates new value. It should be used sparingly and for a short time frame.
Pickers
Picker experiences help merchants browse, find, and select from multiple options. Use them for selecting locations, customer segments, and more.
Text fields
Text fields combine the field label (the title) and the input area. Inputs can vary from typed text to URLs to date pickers.