Polaris React is in maintenance mode. These archived docs cover the @shopify/polaris React library. New Shopify admin development should use Polaris web components.

Go to Polaris web components
Skip to contentShopify logoPolaris React
  • Getting started
  • Foundations
  • Design
  • Content
  • Patterns
  • Components
    • Actions
      • Account connection
      • Button
      • Button group
    • Layout and structure
      • Bleed
      • Block stack
      • Box
      • Callout card
      • Card
      • Divider
      • Empty state
      • Form layout
      • Grid
      • Inline grid
      • Inline stack
      • Layout
      • Media card
      • Page
    • Selection and input
      • Autocomplete
      • Checkbox
      • Choice list
      • Color picker
      • Combobox
      • Date picker
      • Drop zone
      • Filters
      • Form
      • Index filters
      • Inline error
      • Radio button
      • Range slider
      • Select
      • Tag
      • Text field
    • Images and icons
      • Avatar
      • Icon
      • Keyboard key
      • Thumbnail
      • Video thumbnail
    • Feedback indicators
      • Badge
      • Banner
      • Exception list
      • Progress bar
      • Skeleton body text
      • Skeleton display text
      • Skeleton page
      • Skeleton tabs
      • Skeleton thumbnail
      • Spinner
    • Typography
      • Text
    • Tables
      • Data table
      • Index table
    • Lists
      • Action list
      • Description list
      • List
      • Listbox
      • Option list
      • Resource item
      • Resource list
    • Navigation
      • Footer help
      • Link
      • Pagination
      • Tabs
    • Overlays
      • Popover
      • Tooltip
    • Utilities
      • App provider
      • Collapsible
      • Scrollable
    • Internal (shopifolk only)
    • Deprecated
      • Caption
        Deprecated
      • Contextual save bar
        Deprecated
      • Display text
        Deprecated
      • Frame
        Deprecated
      • Fullscreen bar
        Deprecated
      • Heading
        Deprecated
      • Legacy card
        Deprecated
      • Legacy filters
        Deprecated
      • Legacy stack
        Deprecated
      • Legacy tabs
        Deprecated
      • Loading
        Deprecated
      • Modal
        Deprecated
      • Navigation
        Deprecated
      • Page actions
        Deprecated
      • Setting toggle
        Deprecated
      • Sheet
        Deprecated
      • Subheading
        Deprecated
      • Text container
        Deprecated
      • Text style
        Deprecated
      • Toast
        Deprecated
      • Top bar
        Deprecated
      • Visually hidden
        Deprecated
  • Tokens
  • Icons
  • Contributing
  • Tools
  • Version guides
  • Previous releases
  • Home
  • Components
  • Internal (shopifolk only)

Internal (shopifolk only)

Internal only components are for Shopify's internal development teams. External Application developers will access these components through App Bridge APIs.
  • Contextual save bar

    Contextual save bar

    Informs merchants of their options once they have made changes to a form on the page or while creating a new object.

  • Frame

    Frame

    Creates the structure of the Shopify admin. All of the main sections of the admin are nested in the frame.

  • Loading

    Loading

    Used to indicate to merchants that a page is loading or an upload is processing.

  • Modal

    Modal

    Used to interrupt merchants with urgent information, details, or actions.

  • Navigation

    Navigation

    The navigation component is used to display the primary navigation in the sidebar of the frame of an application. Navigation includes a list of links that merchants use to move between sections of the application.

  • Toast

    Toast

    A non-disruptive message that provides quick feedback on the outcome of an action.

  • Top bar

    Top bar

    Appears at the top of the page and is used to brand and navigate major applications areas.

Edit this pageLeave feedbackCreate an issue