Drawer
A bottom sheet that slides up from the bottom of the screen. Optimised for mobile — can be dragged to dismiss. Built on Vaul.
$cookest-ui add drawer
Basic
A simple bottom drawer triggered by a button.
Shopping Cart
A mobile-optimised cart drawer for ingredient orders.
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controlled open state. |
onOpenChange | (open: boolean) => void | — | Callback for open state changes. |
DrawerTrigger | ReactNode | — | The element that opens the drawer. |
DrawerClose | ReactNode | — | The element that closes the drawer. |
shouldScaleBackground | boolean | true | Scales the page background when the drawer is open (Vaul feature). |