Sheet
A panel that slides in from the edge of the screen.
Usage
Side Variants
Use the side prop on SheetContent to control which edge the sheet slides from.
Sub-components
SheetContent
Sliding panel container.
| Prop | Type | Default | Description |
|---|---|---|---|
side | 'top' | 'right' | 'bottom' | 'left' | 'right' | The edge the sheet slides from. |
SheetHeader
Header layout container.
SheetTitle
Sheet title text.
SheetDescription
Optional description text.
SheetFooter
Footer layout for actions.
SheetClose
Button that closes the sheet.
SheetTrigger
Element that opens the sheet.