Polaris web components

Triggers actions or events, such as opening dialogs or navigating to other pages.

A generic interactive container component that makes any content interactive and accessible via taps.

Customizable buttons that allow merchants to complete actions quickly.

Highlights important information or required actions prominently within the interface.

Presents multiple options for single or multiple selections.

Captures date input from merchants.

Allows merchants to select a specific date, using a calendar-like picker interface.

Allows merchants to select a specific date, using a spinner interface.

Captures email address input from merchants.

Captures numeric input from merchants.

Captures search terms from merchants using a single-line input field.

Captures longer text content from merchants with a multi-line, resizable text input area.

Captures single-line text input from merchants.

Captures time input from merchants.

Allows merchants to select a specific time.

Displays graphic symbols to communicate meaning and functionality.

Embeds an image within the interface and controls its presentation.

A generic container that provides flexible layout with consistent spacing and styling.

Creates a visual separation between content sections.

Displays content in an overlay that requires merchant attention.

Serves as the main container for app content with preset layouts and heading controls.

Creates a surface on the specified block extension target, serving as a container to place content with an action button.

Creates a scrollable area for content that exceeds container bounds.

Groups related content into clearly-defined thematic areas.

Organizes elements horizontally or vertically along the block or inline axis.

Informs merchants about the status of an object or indicates that an action has been completed.

Renders hierarchical titles to communicate the structure and organization of page content.

Displays text with specific visual styles or tones.