Split button

A primary action with a menu of nearby alternatives.

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/split-button.json

Files

• registry/components/split-button/split-button.tsx
• registry/components/split-button/split-button.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 Components
• React Button Components
• Animated Button Components
• Menu Components
• React Menu Components
• Animated Menu Components
• Navigation Components
• React Navigation Components
• Animated Navigation Components

More from Arc Library

• Action button
• Button
• Confirm morph
• Context menu
• Copy button
• Dropdown menu
• Hold to confirm
• Site header
• Theme switcher
• Eclipse
• Rise
• Split