About this piece
Cart Summary
Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.
Usage
The import and the props worth knowing about, in one place.
import { Commerce23 } from "@/components/beste/piece/commerce23";
<Commerce23
rows={[
{
"label": "Subtotal",
"value": "$284.00"
},
{
"label": "Shipping",
"value": "Free",
"muted": true
},
{
"label": "Tax",
"value": "$24.14"
},
{
"label": "Discount",
"value": "−$56.80",
"emphasis": true
}
]}
total="$251.34"
totalLabel="Total"
bordered={false}
/>