Empty Cart
FeedbackBespoke empty-cart state with icon, message, and continue-shopping CTA.
Empty CartFeedback · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import EmptyCart from @otfdashkit/ui.
Code
// Empty Cart — Bespoke empty-cart state with icon, message, and continue-shopping CTA.
//
// Install:
// bun add @otfdashkit/ui
import { EmptyCart } from '@otfdashkit/ui'
export function Example() {
return (
<EmptyCart>
{/* your content */}
</EmptyCart>
)
}Props
Props declared in the EmptyCart source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| actionLabel | string | 'Continue shopping' | CTA label — renders a button only when `onAction` is also provided. |
| description | string | 'Browse the catalog and add something you love.' | |
| icon | ReactNode | Override the default cart icon. | |
| onAction | () => void | ||
| title | string | 'Your cart is empty' |