Button group

Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached menu can close the row.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

@radix-ui/react-dropdown-menu, lucide-react, motion

Install

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

Files

• registry/components/button-group/button-group.tsx
• registry/components/button-group/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

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