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

Utilities

  • Screenshot of the app-provider component

    App provider

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

  • Screenshot of the collapsible component

    Collapsible

    The collapsible component is used to put long sections of information under a block that merchants can expand or collapse.

  • Screenshot of the frame component

    Frame

    The frame component, while not visible in the user interface itself, provides the structure for an application. It wraps the main elements and houses the primary navigation, top bar, toast, and contextual save bar components.

  • Screenshot of the scrollable component

    Scrollable

    The scrollable component is a container for long form content, such as terms of service, that allows for scrolling so merchants can expose more text as they read.

Leave feedback