Skip to main content

Components

Primitives

AccordionAccordion

Accordion

A component with multiple configuration options for collapsing and expanding content. You can view the Storybook for more interactive examples.

AlertAlert

Alert

A component with a title and description, available in different visual variants. You can view the Storybook for more interactive examples.

AlertDialogAlertDialog

AlertDialog

A composable component for important confirmations and alerts with customizable actions. You can view the Storybook for more interactive examples.

AvatarAvatar

Avatar

A component used for displaying user avatars, with image support and fallback initials for when the image fails to load. You can view the Storybook for more interactive examples.

BadgeBadge

Badge

A component for displaying status, categories, or labels with multiple visual variants. You can view the Storybook for more interactive examples.

ButtonButton

Button

A versatile button component with multiple variants and sizes for user interactions. You can view the Storybook for more interactive examples.

CardCard

Card

A composable component with header, content, and footer sections for displaying grouped information. You can view the Storybook for more interactive examples.

CheckboxCheckbox

Checkbox

A component for boolean selections with checked and disabled states. You can view the Storybook for more interactive examples.

FavoriteButtonFavoriteButton

FavoriteButton

A button component for toggling a favorite state, typically used for products. You can view the Storybook for more interactive examples.

IconButtonIconButton

IconButton

A button component that displays an icon in various sizes. You can view the Storybook for more interactive examples.

InputInput

Input

A simple component for inputting text. You can view the Storybook for more interactive examples.

LabelLabel

Label

A simple component to render accessible text. You can view the Storybook for more interactive examples.

ListList

List

A virtualized list component for efficiently rendering large datasets with customizable item rendering. You can view the Storybook for more interactive examples.

ProductVariantPriceProductVariantPrice

ProductVariantPrice

A component for displaying product pricing with support for discounts and custom styling. You can view the Storybook for more interactive examples.

ProgressProgress

Progress

A component for showing completion status or loading progress. You can view the Storybook for more interactive examples.

QuantitySelectorQuantitySelector

QuantitySelector

A component with increment and decrement buttons for adjusting quantities.

RadioGroupRadioGroup

RadioGroup

A radio group component for single-selection options. You can view the Storybook for more interactive examples.

SelectSelect

Select

A dropdown component with support for grouped options and disabled states. You can view the Storybook for more interactive examples.

SkeletonSkeleton

Skeleton

A placeholder component for loading states, with customizable dimensions. You can view the Storybook for more interactive examples.

TextInputTextInput

TextInput

A wrapper around the base Input that automatically adjusts the layout to keep the focused field visible when the on-screen keyboard appears. You can view the Storybook for more interactive examples.

ToasterToaster

Toaster

A notification component that shows up from the bottom, in various states.You can view the Storybook for more interactive examples.

Touchable

A wrapper component that makes any child element clickable with a custom handler. You can view the Storybook for more interactive examples.

VideoPlayerVideoPlayer

VideoPlayer

A video player component built on Video.js with a play/pause UI overlay, and programmatic playback control