Back to Components
Components
Checkout Summary
Order totals panel with subtotal, shipping, tax, discount line, and checkout call to action.
Order summary
Review your totals before placing the order.
Subtotal$148.00
Shipping$12.00
Tax$18.50
Discount-$10.00
Total$168.50
Shipping calculated at checkout.
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/checkout-summary.tsx
Installation
Using shadcn CLI
npx shadcn add checkout-summary --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge