Drawer

A panel that slides in from an edge of the screen and can be swiped away, for supplementary content and quick actions.

Drawer

Installation

pnpm dlx shadcn@latest add @sortui/drawer

Usage

import {
  Drawer,
  DrawerPortal,
  DrawerOverlay,
  DrawerSwipeHandle,
  DrawerTrigger,
  DrawerClose,
  DrawerContent,
  DrawerHeader,
  DrawerFooter,
  DrawerTitle,
  DrawerDescription,
} from "@/components/ui/drawer"

Examples

Sprint

Account

Step goal

Notifications

Meetings

Automation settings

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.