Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA product or device specification sheet in grouped vertical label-over-value cells that wraps to one column in narrow containers, not narrow viewports.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when you present a product, plan or device as a list of facts that people compare against another one: hardware pages, plan details, drawers.
Do not use it when you compare several products side by side (use a comparison table with columns per product).
It composes descriptions, which the CLI installs for you.
import { SpecSheetDescriptions } from "@/components/spec-sheet-descriptions"<SpecSheetDescriptions
product="Field Tablet T10"
groups={[{ title: "Display", specs: [{ label: "Size", value: '10.1"' }] }]}
/>| Prop | Type | Required | Description |
|---|---|---|---|
product | string | required | - |
groups | SpecGroup[] | required | - |
The pattern ships with a Testing Library test (spec-sheet-descriptions.test.tsx) that covers the labels, vertical lists per group and heading order.