Product Highlights

Vertical attribute list with emerald check icons, label and value columns covering material, care, origin, and certification details.

Product details
  • Material100% organic cotton
  • CareMachine wash cold, hang dry
  • Made inPorto, Portugal
  • CertifiedOEKO-TEX Standard 100

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

Import & use
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"
    }
  ]}
/>