# Key/value aside

Kit v2: the compact aside on detail pages (order id, Stripe id, ERP id…). Labels hold a 120px column; long ids wrap anywhere instead of overflowing.

- **Group:** Data display · **family:** `page-primitives` · **shadcn:** composed
- **Build:** Plain `<dl>`.
- **In apps/admin today:** —
- **Client component:** no. 

## Content rules

- Ids in Plex Mono.

## Do

- Let ids wrap.

## Don't

- Truncate ids without a copy button.

## Accessibility

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

## Tokens

`--kv-label` `--s-3` `--s-2` `--border` `--text-body` `--muted-foreground` `--font-code` `--text-small` `--kv-label-m`

## Files

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