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