Dev Design Library

Bottom sheet

A sheet that rests at a peek or full height and follows your finger.

Bottom sheet preview
Library
Arc Library
Framework
React
Type
ui
License
MIT
Dependencies
@radix-ui/react-dialog, lucide-react, motion
Install
npx shadcn@latest add https://uiarc.dev/r/bottom-sheet.json
Files
  • registry/components/bottom-sheet/bottom-sheet.tsx
  • registry/components/bottom-sheet/bottom-sheet.module.css
  • registry/motion-tokens.ts
  • lib/motion-tokens.ts
Source
https://github.com/kuratlielia/arc-library

Categories

More from Arc Library