Cart summary
Line items with quantity inputs and remove buttons, a promo code field and totals that update.
npm packages
npm install @radix-ui/react-label @radix-ui/react-slot class-variance-authority react-iconsAll blocks
Commerce blocks
Cart, order and invoice summaries. Interface only: connect your own checkout and payment provider.
3 variants. Every block is one file built from CK-UI components and works in light and dark mode.
Order summary
A confirmed order with its items, delivery details and cost breakdown.
Invoice and payment method
An invoice's lines and totals beside the saved payment method and billing contact.