Components / Actions
SplitButton
A primary action with a dropdown of related actions, Blueprint-style.
@ruckc/truss-ui Actions
Import
import { SplitButton } from '@ruckc/truss-ui';Playground
variant
intent
size
API
| Prop | Type | Default | Description |
|---|---|---|---|
label required | string | — | Visible label shown above the control. |
icon | IconSource | — | Name of a built-in icon to show. |
items required | MenuItem[] | — | The items to render. |
onclick event | (e: MouseEvent) => void | — | Called when the control is clicked. |
variant | 'filled' | 'tonal' | 'outlined' | 'outlined' | Visual style of the control. |
intent | 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'primary' | Semantic colour: `primary`, `neutral`, `success`, `warning` or `danger`. |
size | 'sm' | 'md' | 'lg' | 'md' | Control size: `sm` (24px), `md` (32px, default) or `lg` (40px). |