📄️ Badge
Status descriptors used to emphasize an item's state.
📄️ Button
Buttons indicate actions that users can take, such as adding an item to the cart, submitting a form, and proceeding with an operation.
📄️ Checkbox
Checkboxes allow users to toggle an option on or off.
📄️ Icon
Import
📄️ Incentive
The Incentive component is a badge or seal used to build trust among your potential customers.
📄️ Input
Input are text fields used to get user inputs.
📄️ Label
Labels describe the meaning of input fields.
📄️ Link
The Link component behaves as a regular anchor tag (``), but can be used as any HTML tag.
📄️ List
Lists group related content. They can be ordered or unordered.
📄️ Overlay
Overlays provide contextual information on top of the current layer of the interface. They can be interruptive like modals or augmenting like popovers and tooltips.
📄️ Popover
Popovers are used along with a clickable trigger element to display contextual information on top of that component.
📄️ Price
Prices are used to display the price of a given product, discount and total values.
📄️ Radio
Radios allow users to select one option from a set.
📄️ Select
Select components allow users to pick an option from a predefined list. The Select component should be used when there are more than 5 options available. Otherwise, consider using the Radio Group component.
📄️ Skeleton
Skeletons are placeholders that indicate your content data is loading. Skeletons improve the perceived responsiveness of the page and are useful to reduce load-time frustration.
📄️ Slider
Sliders allow users to select a single value from a range.
📄️ Spinner
Spinners provide a visual cue that an action is being processed.
📄️ TextArea
TextArea components allow users to enter and edit text in a given field.