Expanding button group

Icon buttons in a compact group: the one you point at or focus grows to reveal its label while its neighbours slide aside, and an action confirms in place.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://uiarc.dev/r/expanding-button-group.json

Files

• registry/components/expanding-button-group/expanding-button-group.tsx
• registry/components/expanding-button-group/expanding-button-group.module.css
• registry/motion-tokens.ts
• lib/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

More from Arc Library

• Button group
• Floating button group
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar
• Avatar group
• Badge