Sheet
A slide-in panel that extends from any edge of the viewport. Ideal for side panels, filters, and carts.
$cookest-ui add sheet
Right Sheet
Slides in from the right — the default and most common side.
Shopping Cart
Use Sheet for a slide-in cart panel.
Left Sheet
Use side='left' for navigation-style panels.
| Prop | Type | Default | Description |
|---|---|---|---|
side | "top" | "right" | "bottom" | "left" | "right" | The edge from which the sheet slides in. |
open | boolean | — | Controlled open state. |
onOpenChange | (open: boolean) => void | — | Callback for open state changes. |