Inline (default)
StatusActive
PlanPro
Updated2m ago
Label with icon
Value with icon
Icon-only value
Copy token
About
External
Label + icon-only value
Secret key
Stacked layout
ProjectMorning pages
OwnerAda Lovelace
Settings panel
Themeatelier
Modelight
Localeen-US
Compact metrics
CPU12%
Memory4.2 GB
Disk61%
Truncated long value
API endpointhttps://api.example.com/v2/workspaces/acme/entries/export
Billing summary
This invoice
Subtotal€210.00
Tax€39.00
Total€249.00
vs DescriptionList
Both support termIcon / labelIcon and icon-only actions on the value side.
KeyValueRow
API key
DescriptionList
- API key
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| label | Required | ReactNode | — | Row label (start). |
| value | Required | ReactNode | — | Row value (end). |
| labelIcon / valueIcon | Optional | ReactNode | — | Icons beside label or value text. |
| iconOnlyValue | Optional | boolean | — | Value slot is icon-only (e.g. IconButton). |
| layout | Optional | inline | stacked | inline | Spread row vs label above value. |
| compact | Optional | boolean | — | Tighter vertical padding. |
| borderless | Optional | boolean | — | Omit bottom hairline. |
| truncateValue | Optional | boolean | — | Ellipsis on long inline values. |
| valueAlign | Optional | start | end | — | Value text alignment (inline layout). |
| tabular | Optional | boolean | — | Tabular numerals on value. |