See it all in action
Live demo shop with every component working together
CartDrawer
Slide-out shopping cart panel
npx shadcn@latest add https://registry.rifan.xyz/r/cart-drawer.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
isOpen* | boolean | — | Drawer open state |
onClose* | Function | — | Close handler |
items* | CartItem[] | — | Cart items |
onUpdateQuantity* | Function | — | Quantity update handler |
onRemove* | Function | — | Item remove handler |
Your Cart
0Your cart is empty
Usage
import { CartDrawer } from '@revannasser/ecommerce-ui'
// Slide-out shopping cart panel
<CartDrawer
isOpen={true}
onClose={...}
items={...}
/>