Back to components
UI component
Bottom Sheet
Modal bottom sheet with backdrop, drag handle, snap points, and smooth open/close animation.
Install
What it does
- Animated open/close with spring physics
- Backdrop overlay with press-to-dismiss
- Visual drag handle at top
- Custom content area with scroll support
When to use
Use it
Mobile-native modals — action sheets, filter panels, option pickers, share sheets.
Skip it
Full-screen forms or dialogs (use a modal or stack navigation instead).
Files & routes added
- components/ui/bottom-sheet.tsx