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
  • Utilities

Utilities

Utilities are core tools for managing the structure of the admin and global settings.

  • App provider

    App provider

    App provider is a required component that enables sharing global settings throughout the hierarchy of your application.

  • Collapsible

    Collapsible

    Hides content and allows merchants to expand it. Used to hide optional settings, information, and actions.

  • Scrollable

    Scrollable

    Used in components with too much content for the available vertical space. Embeds long-form content in components like modals and popovers.

Edit this pageLeave feedbackCreate an issue