components

Drawer

Slide-in panel for additional content or navigation

Loading

Installation

Usage

Imports

/components/ui/drawer.tsx

Code

/components/ui/drawer.tsx

Examples

Variant

Loading

Position

Loading

With Handle

Loading

Backdrop

Loading

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

<DrawerFooter>

Name	Default	Values
External Reference	-	-