# Description list

Facts about a record in panels (Customer, Delivery, Payment): label left, value right, codes in mono.

- **Group:** Data display · **family:** `data-display` · **shadcn:** Card
- **Build:** `Card` + `<dl>`.
- **In apps/admin today:** Card exists.
- **Client component:** no. 

## Content rules

- Labels are nouns.

## Do

- Copy buttons on ids.

## Don't

- Editable fields inside a description list.

## Accessibility

- **Keyboard:** —
- **ARIA:** `<dl>`.
- **Focus:** —

## Tokens

`--card` `--border` `--r-card` `--s-2` `--s-3` `--s-4` `--text-body` `--muted-foreground` `--text-micro` `--w-semibold` `--foreground` `--text-section` `--success`

## Files

`description-list.html` live specimen · `description-list.css` kit rules · `description-list.d.ts` props · full page: `docs/components/description-list/` (phone: `m/`).