Components
Commerce


Merchant
A component for displaying merchant information with their branding. You can view the Storybook for more interactive examples.


Product
A component for displaying product information including a featured image, price, and reviews. You can view the Storybook for more interactive examples.


Product
A component for displaying product information. You can view the Storybook for more interactive examples.


Search
A component for searching products with debounced input and loading state and a results list. Built on top of the Input component and useProductSearch hook. You can view the Storybook for more interactive examples.
Primitives


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


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


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


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.


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


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


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


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


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


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


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


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


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


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


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


Quantity
A component with increment and decrement buttons for adjusting quantities.


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


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


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


Text
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.


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.


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