Dev Design Library

Drawer

An accessible slide-in drawer from any of 4 sides with a backdrop, focus trap, Escape and backdrop close, scroll lock, focus restore and drag-to-dismiss.

Drawer preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/drawer.json
Files
  • registry/new-york/drawer/drawer.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame