Shadcn.io is not affiliated with official shadcn/ui
Split Button with Dropdown
A split button pattern combining primary action buttons with dropdown menus for related secondary actions
Primary actions need variants—split buttons provide both. This React component combines shadcn/ui's Button, ButtonGroup, and DropdownMenu components with Lucide React's GitForkIcon, StarIcon, and ChevronDownIcon for sophisticated action controls with option menus. Built on Radix UI with outline variant buttons and px-2 compact dropdown triggers, the pattern delivers one-click primary actions alongside chevron-triggered secondary options. Perfect for GitHub-style repository actions where Fork has creation variants, toolbar buttons offering mode variations, publishing interfaces with deployment options, or any action requiring both immediate execution and alternative methods—split buttons unify primary actions with contextual choices, dropdown chevrons signal additional options clearly.
Split Button with Dropdown preview
Installation
Related Components
Basic Button Group
Simple grouped buttons
Dropdown Menu
Menu component patterns
Outline Button
Border-style button variant
Social Actions
Action button groups
Command Popover
Command menu patterns
Context Menu
Right-click menus
FAQ
Was this page helpful?
Sign in to leave feedback.