Dev Design Library

Modal

An accessible modal dialog with a blurred backdrop, focus trap, Escape and backdrop close, scroll lock, focus restore, 3 sizes and scale, slide-up and fade animations.

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

Categories

More from ReactFrame