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.

Reconnecting...

Attempting to rejoin the server

Connection Lost

Retrying in seconds

Connection Failed

Failed to rejoin the server.
Please retry or reload the page.

Session Paused

The session has been paused by the server

Resume Failed

Failed to resume the session.
Please reload the page.