Skip to content Shopify logoPolaris
  • What’s new
  • Getting started
  • Foundations
  • Design
  • Content
  • Patterns
    新
    • App settings layout
    • Date picking
    • 新features
    • Resource details layout
    • Resource index layout
  • Components
  • Tokens
  • Icons
  • Contributing
  • Tools
  • Home
  • Patterns

Patterns

Preferred solutions to common merchant goals in the admin.

新

The pattern documentation is evolving.Join the discussionto make it better.

  • App settings layout

    App settings layout

    Scan and find groups of settings in apps

  • Date picking

    Date picking

    Select a date or a date range

  • 新features

    新features

    Highlight new features for merchants

  • Resource details layout

    Resource details layout

    Create, view, and edit resource objects

  • Resource index layout

    Resource index layout

    Organize and take action on resource objects

Archived documentation

These guidelines are safe to use and will be updated to the new documentation format in the near future.

  • Loading

    Navigating the Shopify admin should be fast, meaningful, and focused. Intentional loading states deliver a continuous flow for merchants.

  • 新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.

  • 拾荒者

    Picker experiences help merchants browse, find, and select from multiple options. Use them for selecting locations, customer segments, and more.

  • 文本字段

    文本字段combine the field label (the title) and the input area. Inputs can vary from typed text to URLs to date pickers.

Leave feedback