# Detail drawer

Detail drawer: a free component, built on your design tokens, to use to open one record from a list without leaving the list. A side sheet for one record shown open: name, status, previous and next, the key fields, an attachment and a sticky footer with the two decisions. Where it slides in from is the project's.

Prompt: Add the OpenDesigner component detail-drawer to this project: https://opendesigner.dev/library/r/detail-drawer.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: open, hover, pressed, focus.

Accessibility: A labelled dialog region; every icon button (previous, next, close, open file) has an accessible name, fields are a description list, and the footer actions are real buttons.

File: https://opendesigner.dev/library/r/detail-drawer.html