ProductSpecifications
A product's specifications, a table per group. Rows that say nothing — an empty text or list, a zero quantity — are dropped, and so is a group left without rows.
import { ProductSpecifications } from "@evolve-storefront/feature-product/product-specifications";Renders inside ProductListingProvider.
Preview
Usage
<ProductSpecifications groups={variant.specifications} locale={locale} headingLevel={3} />;Props
| Prop | Type | Description |
|---|---|---|
groups | readonly SpecificationGroup[] | |
locale | string | |
headingLevel? | HeadingLevel | The level of each group's heading. |
Any other props go to the root element, like on a plain HTML element.
Change the layout
Pass children to ProductSpecifications to arrange its parts yourself. Every part is exported from @evolve-storefront/feature-product/product-specifications.
ProductSpecificationGroupOne group: its heading and a table of its rows, as given.
| Prop | Type | Description |
|---|---|---|
group | SpecificationGroup | |
locale | string | |
headingLevel? | HeadingLevel |
ProductSpecificationRowOne attribute: its label, its value and, where it has one, its explanation.
| Prop | Type | Description |
|---|---|---|
attribute | SpecificationAttribute | |
locale | string |