SkillGitHub
All components
mobile-bottom-sheet

Mobile bottom sheet

Presents mobile actions and detail in a draggable, focus-managed bottom sheet.

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

Component behavior

Snap, backdrop, focus, and dismissal stay coordinated Presents mobile actions and detail in a draggable, focus-managed bottom sheet.

Suitable events

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

Runtime information

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