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

Props

PropTypeDefaultDescription
isOpen*booleanDrawer open state
onClose*FunctionClose handler
items*CartItem[]Cart items
onUpdateQuantity*FunctionQuantity update handler
onRemove*FunctionItem remove handler

Your Cart

0

Your cart is empty

Usage

import { CartDrawer } from '@revannasser/ecommerce-ui'

// Slide-out shopping cart panel
<CartDrawer
  isOpen={true}
  onClose={...}
  items={...}
/>