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