Responsive (default)
- Plan
- Pro
- Region
- eu-west-1
- Renews
- Jul 1, 2026
Stacked labels
- Project
- Morning pages
- Owner
- Ada Lovelace
- Visibility
- Workspace
Horizontal (always two columns)
- Method
- POST
- Path
- /v1/entries
- Rate limit
- 120 req/min
Term with icon
- [email protected]
- Region
- eu-west-1
- API key
- sk_live_••••8f2a
Detail with icon
- Status
- LiveOperational
- Tier
- ProActive subscription
- Docs
- View runbook
Icon-only detail
- Copy token
- Workspace info
Divided rows
- Theme
- atelier
- Mode
- light
- Locale
- en-US
Compact + divided
- CPU
- 12%
- Memory
- 4.2 GB
- Disk
- 61%
Rich detail
- Status
- LiveOperational
- Tier
- Pro
- Docs
- View runbook
Invoice panel
Invoice #1042
- Billed to
- Acme Studio GmbH
- Amount
- €249.00
- Due
- Jul 15, 2026
- Payment
- Card ending 4242
Monospace IDs
- Workspace
ws_8f2a91c4- Entry
ent_morning-pages- Webhook
wh_3c91d0
Long values
- Webhook URL
- https://hooks.example.com/workspaces/acme/events?token=…
- Last delivery
- 200 OK · 184ms
- Retry policy
- Exponential backoff, max 5 attempts
vs KeyValueRow
Use DescriptionList for definition-style panels (term above or beside detail). Use KeyValueRow for single hairline-separated rows in dense settings lists.
- Owner
- Nora Lee
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| items | Required | DescriptionListItem[] | — | term + detail rows; optional termIcon, detailIcon, iconOnlyDetail per row. |
| layout | Optional | responsive | stacked | horizontal | responsive | Column layout. |
| divided | Optional | boolean | — | Hairlines between rows. |
| compact | Optional | boolean | — | Tighter spacing. |
| inset | Optional | boolean | — | Padding inside a bordered panel (use with divided). |