Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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"
/>