Cart Summary

Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.

Subtotal$284.00
ShippingFree
Tax (8.5%)$24.14
Discount · SUMMER20−$56.80
Total$251.34

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Commerce23 } from "@/components/beste/piece/commerce23";

<Commerce23
  rows={[
    {
      "label": "Subtotal",
      "value": "$284.00"
    },
    {
      "label": "Shipping",
      "value": "Free",
      "muted": true
    },
    {
      "label": "Tax (8.5%)",
      "value": "$24.14"
    },
    {
      "label": "Discount · SUMMER20",
      "value": "−$56.80",
      "emphasis": true
    }
  ]}
  total="$251.34"
  totalLabel="Total"
/>