Status descriptors used to emphasize an item's state.
Buttons indicate actions that users can take.
Checkboxes allow users to toggle an option on or off.
Icons are simplified graphics used to help users navigate the UI.
Incentive is a badge or seal used to build trust among your potential customers.
Inputs are text fields used to get user inputs.
Labels describe the meaning of input fields.
Links allow users to easily navigate through web pages.
Lists group related content. They can be ordered or unordered.
Overlays provide contextual information on top of the current layer of the interface.
Popovers display contextual information on top of a component.
Prices are used to display the price of a given product, discount and total values.
Radios allow users to select one option from a set.
Hides an element visually. Improve accessibility by providing text to screen readers when applied.
Selects allow users to pick an option from a predefined list.
Skeletons are placeholders that indicate the content data is loading.
Sliders allow users to select a single value from a range.
Spinners provide a visual cue that an action is being processed.
TextArea components allow users to enter and edit text in a given field.
Accordions display an expandable/collapsible list of items.
AggregateRating displays a product rating based on other shoppers' feedback.
Alerts display short messages related to the behavior of a system, feature or page.
Banners are used for advertising brands, products, and/or collections.
Breadcrumbs indicate the user's location in a website hierarchy.
Bullets allow users to alternate between different screens of a component.
BuyButton intends to send the user to the checkout/cart step directly.
Cards are used to present content and actions related to a single topic.
Carousels are a set of rotating banners with navigational controls.
CheckboxField grouped a Checkbox input and its corresponding Label.
A custom `Badge` that display product's discounts.
Dropdowns are used to reveal a list of options or commands.
Forms contain interactive components that are used to collect user input.
Icon Buttons are buttons that use icons instead of labels.
InputFields are text fields used to get user inputs.
LinkButton is similar to a button, however acts as a link to navigate users between pages.
Loading Buttons provide a visual cue that an action is being processed.
Modals are dialog windows that sit on top of an application's main view.
Payment Methods display the logos of the available payment options in a store.
Price Ranges are sliders that allows users to select a maximum and minimum price.
ProductCard displays summarized information about a product.
Quantity Selectors allow shoppers to choose the quantity of a product to buy.
RadioField grouped a Radio input and its corresponding Label.
Radio Groups allow selecting an option from a list of mutually exclusive options.
Search Inputs allow users to enter an input and query results from a database.
SelectField grouped a Select input and its corresponding Label.
Tables display information in a friendly way, allowing users to scan for details quickly.
Toggle is a customized checkbox input styled to look like a switch button.
ToggleField group a Toggle input and its corresponding Label.