edbnedbn/uiBeta
  • Blocks
  • Templates
  • Pricing
Sign inSign in
Explorer
/
  • A–Z
  • Get started
    • Overview
  • Elements
    • Actions
    • Progress & feedback
    • Sign-in & forms
    • Notifications
  • Application
    • AI chat
    • Dashboards
    • Settings
    • Onboarding
    • Scheduling
  • Marketing
    • Navbars
    • Heroes
    • Features
    • Pricing
    • Testimonials
    • Calls to action
    • FAQ
    • Contact
    • Footers
  • Commerce
    • Product lists
    • Product details
    • Cart & checkout
  1. Blocks
  2. Cart & checkout
  3. Cart drawer with free shipping bar

More in Cart & checkout

All 5 blocks
  • Order summary with discount code
  • Shipping address and method
  • Saved cards and new card form
  • Order confirmation with progress

Cart drawer with free shipping bar

A shop's cart in a sheet from the right, with a free-shipping bar, quantity steppers and Remove with Undo.

ProCart & checkoutshadcn Base UI

Dependencies

Packages1

  • lucide-react^1.33.0

Registry items10

  • edbn-base
  • aspect-ratio
  • badge
  • button
  • number-field
  • progress
  • separator
  • sheet
  • spinner
  • text-link

Installation