Badges are status descriptors used to emphasize an item's state.

Buttons indicate actions that users can take, like adding an item to the cart.

Checkboxes allow users to toggle an option on or off.

Icons are simplified graphics used to represent concepts and help users navigate the UI.

Fields used to get user inputs.

Describes the meaning of input fields.

Lists group related content. They can be ordered or unordered.

Loaders provide a visual cue that an action is being processed.

Overlays provide contextual information on top of the current layer of the interface.

Used to display the price of a given product, discount and total values.

Allow users to select one option from a set.

Select components allow users to pick an option from a predefined list.

Improves the store's experience and perceived performance through loading placeholders.

Allows users to select a single value from a range.

Hides an element visually. Improve accessibility by providing text to screen readers when applied.

Enables users to input multi-line text. It's commonly used for longer user inputs, such as comments or descriptions.