Split Button
Split Button
Pairs a primary action button with a dropdown for secondary actions. Useful for save/save-as, send/schedule, and deploy patterns.
Basic
Primary action on the left, dropdown arrow on the right.
Variants
Mirrors the Button component's variant tokens.
Sizes
Small, Default, and Large map directly to the Button size scale.
With Icon
Pass any content into the Icon slot to prepend it to the primary label.
Disabled
Both segments are disabled when Disabled is true.
API Reference
Component parameters.
| Prop | Type | Default | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | null | Primary button label content. |
| DropdownContent | RenderFragment? | null | Dropdown items (SplitButtonItem, SplitButtonSeparator). |
| Icon | RenderFragment? | null | Icon rendered inside the primary button. |
| OnClick | EventCallback<MouseEventArgs> | Fires when the primary button is clicked. | |
| Variant | ButtonVariant | Default | Visual style applied to both segments. |
| Size | ButtonSize | Default | Size applied to both segments. |
| Disabled | bool | false | Disables both segments. |
| IconPosition | IconPosition | Start | Whether the Icon renders before or after the label. |