GitHub
Docs
Drawer

Drawer

A panel that slides in from the edge of the screen.

Preview

Installation

npx shadcn@latest add drawer

Usage

import {
  Drawer,
  DrawerContent,
  DrawerHeader,
  DrawerTitle,
  DrawerTrigger,
} from "@/components/ui/drawer"

<Drawer>
  <DrawerTrigger>Open</DrawerTrigger>
  <DrawerContent>
    <DrawerHeader>
      <DrawerTitle>Move Goal</DrawerTitle>
    </DrawerHeader>
  </DrawerContent>
</Drawer>
SheetPopover