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.

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.

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.

Are an interactive Badge. By default, its have a close button.

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.