Button Group Advanced 1 - Split Button with Dropdown

Pro

Split button with primary action and dropdown menu.

Shadcn Button Group Advanced 1 component

Component data

ID
button-group/button-group-advanced-1
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Group Advanced 1 component design & features

This example combines a shadcn ButtonGroup with a DropdownMenu for split-button behavior. The primary action button sits beside a chevron trigger that opens additional related options.

Split button groups fit actions with a default choice and secondary alternatives, such as fork or star controls on repositories, export formats, or save-with-options flows.