Floating button group
Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.
- Library
- Arc Library
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @radix-ui/react-tooltip, motion
- Install
npx shadcn@latest add https://uiarc.dev/r/floating-button-group.json- Files
registry/components/floating-button-group/floating-button-group.tsxregistry/components/floating-button-group/floating-button-group.module.cssregistry/components/tooltip/tooltip.tsxregistry/components/tooltip/tooltip.module.cssregistry/motion-tokens.tslib/motion-tokens.ts
- Source
- https://github.com/kuratlielia/arc-library
Categories
- Action Components
- React Action Components
- Animated Action Components
- Button Group Components
- React Button Group Components
- Animated Button Group Components