dr-ui
Components

Drawer

A drawer component that slides in from the edge of the screen

Installation

npx shadcn@latest add @dr-ui/drawer

Registry dependencies

@dr-ui/utils
@dr-ui/theme

Dependencies

vaul@^1.1.2

Basic

A drawer that slides up from the bottom with a header, body content, and a footer with actions.

Directions

Set the direction prop to slide the drawer in from the top, right, bottom, or left edge of the screen.