Overlays · §5.19
Sheet
A side panel for staff detail views.
Code
<Sheet><SheetContent size="drawer">…</SheetContent></Sheet>Accessibility
- A dialog with a title; focus returns to the row that opened it.
Usage
Do
- 480 px detail sheets; the 560 px patient drawer.
Don't
- A sheet never contains another sheet.
Platforms
- Web
- apps/web/components/ui/sheet.tsx
- iOS
- SwiftUI .sheet with detents
- Android
- Compose ModalBottomSheet