Displays an expandable/collapsible list of items.

Intends to send the user to the checkout/cart step directly.

A card with a header and body, ideal for displaying products, messages, or store information.

Used to present the summarized product information inside the Cart.

Wraps a Checkbox input and its corresponding Label. It allows users to select one option from a set.

A custom Badge that displays product's discounts.

Displays a set of actions/items to the user, usually used to show a menu of options.

Displays an additional item to purchase as a gift.

icons that trigger some sort of action, such as adding an item to the cart.

Wraps an Input and its corresponding Label.

Are dialog windows that sit on top of an application's main view.

Provides a summary of the items in the cart, including the total price, related shipping tax, and discounts.

Provides contextual information related to a trigger element when a user interacts with it to open the container.

Displays the product's listing and spot price.

Used on Product Details Page, wraps the product name, a product label and the rating.

Allows customers to select the quantity of a given product to purchase.

Wraps a Radio input and its corresponding Label. It allows users to select one option from a set.

Allows users to select a single option from a list of two or more mutually exclusive options.

Displays the average rating of a product based on other shoppers' feedback and reviews.

Allows users to submit ratings when submitting product reviews.

Trigger the RegionModal and is part of Regionalization feature.

An InputField with a search button. This component is part of the Search feature.

Wraps a Select input and its corresponding Label. It allows users to select one option from a set.

Displays information in a friendly way, allowing users to scan for details quickly.

An interactive Badge with a close button.

Used to get long user inputs.

Used to display notifications.

A customized checkbox input styled to look like a switch button.

Toggle Field wraps a Toggle input and its corresponding Label.

Provides contextual information when users hover over or click an element.