SkillGitHub
All components
modal

Modal

Handles focus, backdrop, exit, and async confirmation as one flow.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/modal.json

Component behavior

Dialog, backdrop, and focus scope transition together Handles focus, backdrop, exit, and async confirmation as one flow.

Suitable events

Use for opening, positioning, and closing overlays, including keyboard focus transitions.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON