Top
SplitButton - Styling & Theming
SplitButton
To style and customize the appearance of <SplitButton />, you can use one of the following strategies:
  • Specify a style prop with the desired values.
  • Specify a <SplitButton /> className - note that this will not override the default <SplitButton /> className of zippy-react-toolkit-split-button, but rather will be appended to the className the <SplitButton /> already has.
Below you can find a list with all the css classes applied to split buttons and when/how they are applied.
More classes are available from Button and DropdownButton subcomponents.
ClassNameDescription
zippy-react-toolkit-split-button
This is the block className for all split buttons. Always applied.
zippy-react-toolkit-split-button__button
Applied on Button.
zippy-react-toolkit-split-button__dropdown-button
Applied on DropdownButton.