Components / Data display
DescriptionList
Semantic dl/dt/dd key-value pairs from an items array or DescriptionTerm/DescriptionDetail children; stacked, inline or grid, with optional dividers.
@ruckc/truss-ui Data display
Import
import { DescriptionList } from '@ruckc/truss-ui';Playground
layout
source
API
| Prop | Type | Default | Description |
|---|---|---|---|
items | { term: string; description: string | Snippet }[] | — | The items to render. |
layout | 'stacked' | 'inline' | 'grid' | 'stacked' | |
dividers | boolean | false | |
class | string | '' | |
children snippet | Snippet | — | `DescriptionTerm` / `DescriptionDetail` pairs, rendered after `items`. |