SplitButton
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | enum | primary | Visual variant applied to BOTH segments. Defaults to `primary`. |
| size | "sm" | "md" | "lg" | null | undefined | md | Size applied to both segments. Defaults to `md`. |
| onClick | (() => void) | undefined | — | Click handler for the main action button. |
| onMenu | (() => void) | undefined | — | Click handler for the trailing menu (caret) button. |
| disabled | boolean | undefined | — | Disable both segments. |
| menuAriaLabel | string | undefined | More actions | Accessible label for the trailing menu button. Defaults to `"More actions"`. Override when the menu's purpose is more specific (e.g. `"Deploy options"`) so screen-reader users hear the right intent. |