Split Button

Split button is used to group related actions, allowing users to perform a main action or choose from a menu of secondary actions.

Prop	Type	Required	Default	Description
`button`	`Action`	Yes	—	—
`buttonData`	`DataAttributeMap`	—	—	—
`buttonRef`	`Ref<HTMLButtonElement>`	—	—	—
`disabled`	`boolean`	—	—	—
`menuItems`	`ReactNode`	Yes	—	—
`menuTriggerData`	`DataAttributeMap`	—	—	—
Also accepts `Pick<ButtonProps, 'variant' \| 'colorScheme' \| 'size' \| 'type' \| 'loading'>`

Split Button — Guidelines

When to use a split button versus a plain button for grouped actions.

Strong

Emphasises words or sentences that carry greater importance than nearby content.