Vertical attribute list with emerald check icons, label and value columns covering material, care, origin, and certification details.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Commerce21 } from "@/components/beste/piece/commerce21";
<Commerce21
title="Product details"
highlights={[
{
"label": "Material",
"value": "100% organic cotton"
},
{
"label": "Care",
"value": "Machine wash cold, hang dry"
},
{
"label": "Made in",
"value": "Porto, Portugal"
},
{
"label": "Certified",
"value": "OEKO-TEX Standard 100"
}
]}
/>