Drawer

Bottom/side drawer primitive built on Vaul. Prefer the Overlay wrapper in app code.

Import

import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerFooter, DrawerClose } from "@repo/design-system/components/ui/drawer";

In app code prefer the Overlay wrapper (components/overlays/overlay) with variant="drawer" instead of composing this primitive directly.

Bottom Drawer

Side Drawer