Drawer

Sheet that slides up from the bottom edge on the native dialog element. Drag the handle down, or flick it, to dismiss.

Library

EaseUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @easeui/drawer

Files

• components/motion/drawer.tsx
• lib/utils.ts

Source

https://github.com/rjcuff/easeui

Categories

• Bottom Sheet Components
• React Bottom Sheet Components
• Tailwind CSS Bottom Sheet Components
• Animated Bottom Sheet Components
• Drawer Components
• React Drawer Components
• Tailwind CSS Drawer Components
• Animated Drawer Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components

More from EaseUI

• Accordion
• Agent Loading States
• Alert
• Avatar
• Badge
• Button
• Card
• Checkbox
• Code Block
• Command Palette
• Copy Button
• Diff View