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. Order summary with discount code

More in Cart & checkout

All 5 blocks
  • Shipping address and method
  • Saved cards and new card form
  • Order confirmation with progress
  • Cart drawer with free shipping bar

Order summary with discount code

A checkout's order summary: the pieces, a discount code field and totals that recompute, folding into a bar on phones.

ProCart & checkoutshadcn Base UI

Dependencies

Packages1

  • lucide-react^1.33.0

Registry items9

  • edbn-base
  • aspect-ratio
  • card
  • collapsible
  • field
  • input-group
  • separator
  • spinner
  • text-link

Installation