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*boolean—Drawer open state
onClose*Function—Close handler
items*CartItem[]—Cart items
onUpdateQuantity*Function—Quantity update handler
onRemove*Function—Item 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={...}
/>