Sheet
A panel that slides in from the edge of the screen. Extends the Dialog component, ideal for forms and auxiliary content that doesn't need full-screen focus.
Sides
Use the side prop on SheetContent to control where it slides in from:
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
side | "top" | "right" | "bottom" | "left" | "right" | The side the sheet slides in from. |
open | boolean | — | Controlled open state. |
onOpenChange | (open: boolean) => void | — | Callback when open state changes. |