Drawer.
A slide-in panel with semantic dialog interaction.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
open | boolean | Yes | — | true · false | Controlled drawer state. |
onOpenChange | (open: boolean) => void | Yes | — | — | Closing/visibility callback. |
title | string | Yes | — | — | Accessible panel heading. |
children | ReactNode | Yes | — | — | Drawer body. |
description | string | No | — | — | Optional context. |
footer | ReactNode | No | — | — | Footer content/actions. |
side | "right" | "left" | "bottom" | No | right | right · left · bottom | Edge the drawer enters from. |