Product Highlights

About this piece

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

Usage

The import and the props worth knowing about, in one place.

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"
    }
  ]}
  bordered={false}
/>