Click any row to slide the drawer in; click again to close it.
Revealing content
Drawer
A panel that slides in from the edge of the screen while the page stays behind it.
When to use it
- You want an item's details without leaving the list
- More content than a dialog fits, but not enough for a whole page
When not to
- Long content or many fields to fill in
- Small phone screens, where a drawer usually covers everything
What to tell an AI tool
When a list item is clicked, slide a detail panel in from the right while the list stays visible; a close button dismisses it.