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. Saved cards and new card form

More in Cart & checkout

All 5 blocks
  • Order confirmation with progress
  • Cart drawer with free shipping bar
  • Order summary with discount code
  • Shipping address and method

Saved cards and new card form

A checkout's payment step: saved cards as option cards and a new-card form that formats and checks what you type.

ProCart & checkoutshadcn Base UI

Dependencies

Packages1

  • lucide-react^1.33.0

Registry items9

  • edbn-base
  • badge
  • button
  • checkbox
  • field
  • input
  • input-group
  • radio-group
  • spinner

Installation