Sheet

Sheet is a Level 3 slide-in container. Follow the elevation budget: the sheet owns the shadow, and inner controls should use flat/inset variants.

Basic Usage

Sides

Sheets can slide from any side. Use left/right for navigation and filters; top/bottom for compact controls.

API Reference

Sheet is built on Radix Dialog. Let SheetContent own elevation; keep inner controls flat/inset.

Key Props

ComponentPropNotes
Sheetopen / onOpenChangeControlled state (optional).
SheetContentside"right" | "left" | "top" | "bottom"