Primitive

Drawer

A drawer component for mobile devices. Built on top of Vaul.

Installation

npx benflux-ui add drawer

Usage

import {
  Drawer, DrawerContent, DrawerHeader,
  DrawerTitle, DrawerTrigger,
} from "@benflux-ui/react"

<Drawer>
  <DrawerTrigger asChild>
    <Button>Open</Button>
  </DrawerTrigger>
  <DrawerContent>
    <DrawerHeader>
      <DrawerTitle>Title</DrawerTitle>
    </DrawerHeader>
    Content here
  </DrawerContent>
</Drawer>

Props — Drawer

Prop	Type	Default	Description
shouldScaleBackground	boolean	false	Scales the background when the drawer is open
open	boolean	—	Controlled open state
onOpenChange	(open: boolean) => void	—	Called when the open state changes