Drawer

A draggable dialog that is attached to any side of the viewport.

Component drawer-demo not found in registry.

Installation

Copy and paste the following code into your project:

Usage

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

<Drawer>
  <DrawerTrigger />
  <DrawerPortal>
    <DrawerContent>
      <DrawerHeader>
        <DrawerTitle />
        <DrawerDescription />
      </DrawerHeader>
    </DrawerContent>
  </DrawerPortal>
</Drawer>

Examples

Side

Component drawer-side-demo not found in registry.

Dialog Dropdown Menu