Sheet

A slide-in drawer panel anchored to a screen edge. It portals to document.body, renders as a modal role="dialog" with aria-modal, traps focus while open, closes on Esc or overlay click, locks body scroll, and restores focus to the trigger on close. The slide transition respects prefers-reduced-motion. Controlled via open / onOpenChange.

Four sides

Anatomy

Compose the panel with the optional SheetTitle and SheetBody slots, or pass arbitrary children. Always provide a title so the dialog has an accessible name (used as aria-label).