Spec table

Label / value rows in mono; a row with an empty label or value is skipped.

Product

Pack defaults

With content

In context

Source

import { SpecTable } from "demo-webshop/components";

const props = {
  "spec1Label": "Material",
  "spec1Value": "",
  "spec2Label": "Dimensions",
  "spec2Value": "",
  "spec3Label": "Weight",
  "spec3Value": "",
  "spec4Label": "Origin",
  "spec4Value": "",
  "spec5Label": "Care",
  "spec5Value": "",
  "spec6Label": "Warranty",
  "spec6Value": ""
};
<SpecTable {...props} />

Live CSS

Injected into the previews above. Spec table

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */