Split button

A split button lets people perform an action or choose from a small group of similar actions.

Props

appearance

Description

The style variation for child buttons. Will override any appearance set on a child button.

Default"default"
Type"default" | "primary"

children

Required
Description

Only two children are allowed. First child is the primary action, second child is the secondary action. The assumption is that for both children trees there is a button reading the context.

Typestring | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal

isDisabled

Description

Whether all child buttons should be disabled.

Defaultfalse
Typeboolean

spacing

Description

Controls the amount of padding in the child buttons.

Default"default"
Type"default" | "compact"
Was this page helpful?
We use this feedback to improve our documentation.
  • Design system
    • Get started
    • Foundations
    • Components
    • Rovo UI
    • Tools
    • Release phases
    • Contact us
© 2026 AtlassianTrademark, (opens new window)Privacy, (opens new window)License