stylexcn

Drawer

A panel that slides in from an edge of the screen. Open bottom, left, right, or top.

Preview

Installation

pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/drawer.json
pnpm dlx shadcn@latest add @stylexcn/drawer

Usage

<Drawer>
  <DrawerTrigger asChild>
    <Button variant="outline">Open drawer</Button>
  </DrawerTrigger>
  <DrawerContent>…</DrawerContent>
</Drawer>