components
VaulInstallation
Usage
Imports
/components/ui/drawer.tsx
Code
/components/ui/drawer.tsx
Examples
Variant
Position
With Handle
Backdrop
Props
<Drawer>
| Name | Default | Values |
|---|---|---|
| variant* | default | defaultfloatrounded |
| direction* | right | leftrighttopbottom |
| handle | false | boolean |
| backdrop* | overlay | overlayblurnone |
<DrawerTrigger>
| Name | Default | Values |
|---|---|---|
| asChild* | true | boolean |
<DrawerClose>
| Name | Default | Values |
|---|---|---|
| asChild* | true | boolean |
<DrawerHeader>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<DrawerTitle>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<DrawerDescription>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<DrawerBody>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<DrawerFooter>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |