Web components

Trigger actions or events, such as submitting forms, opening dialogs, or navigating to other pages.

Wrap content to make it interactive when you need more styling control than Button or Link provide.

Display interactive labels or categories that users can click or remove.

Copy text or data to the clipboard when activated.

Make text interactive, allowing users to navigate to other pages or perform specific actions.

Enable users to toggle between active and inactive states to represent a persistent on/off or selected/unselected status.

Provide a less disruptive alternative to modals for capturing user attention.

Display status information or indicate completed actions through compact visual indicators.

Highlight important information or required actions prominently within the interface.

Visually represent the completion of a task or process.

Display an animated indicator to show that content or actions are loading.

Enable users to make selections, such as agreeing to terms, enabling settings, or choosing multiple items from a list.

Present multiple options for single or multiple selections.

Collect the buyer's approval for a given policy.

Capture phone numbers for text message marketing sign-up, with the value automatically saved during checkout.

Capture date input with a consistent interface for date selection and proper validation.

Enable merchants to select dates using a calendar interface.

Accept file uploads through drag-and-drop or button activation.

Capture email address input.

Wrap form controls and enable implicit submission when users press Enter.

Capture monetary values with built-in currency formatting and validation.

Capture numeric input with built-in validation.

Securely capture sensitive information.

Capture phone number input with built-in formatting and validation.

Enable users to pick one option from a dropdown menu.

Toggle options on or off.

Capture longer text content with a multi-line, resizable text input area.

Capture single-line text input.

Capture URLs with built-in formatting and validation.

Provide a generic, flexible container for custom designs and layouts.

Create visual separation between content sections.

Organize content in a matrix of rows and columns to build responsive layouts.

Establish a container query context so child components can adapt based on the container's size rather than viewport width.

Create a scrollable container for overflowing content.

Group related content into clearly-defined thematic areas.

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

Display standardized visual symbols to represent actions, statuses, or categories consistently.

Embed images within the interface with control over presentation and loading behavior.

Display an interactive map with location markers.

Display standardized icons for payment methods.

Display small preview images representing products.

Generate and display QR codes for sharing links or data.

Display content in a focused layer for tasks such as confirmation dialogs or settings panels.

Display contextual content in a floating container anchored to a trigger element.

Display essential information at the bottom of the screen, appearing above other elements.

Display additional information on hover or focus.

Embeds a real-time chat experience in checkout, letting buyers get live support without leaving the page.

Display abbreviated text with a tooltip showing the full term on hover.

Display static labels, categories, or attributes that help classify and organize content.

Display a collapsible section that users can expand to reveal additional content.

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

Display a numbered list of items.

Display blocks of text that can contain inline elements such as buttons, links, or emphasized text.

Display a placeholder for paragraph content while data is loading.

Display text with specific visual styles or tones.

Display dates and times in a localized format.

Display a bulleted list of items.