Top
RadioButtonGroup - Styling & Theming
RadioButtonGroup
To style and customize the appearance of <RadioButtonGroup />, you can use one of the following strategies:
  • Specify a style prop with the desired values.
  • Specify a <RadioRadioButtonGroup /> className - note that this will not override the default <RadioRadioButtonGroup /> className of zippy-react-toolkit-radio-button-group, but rather will be appended to the classes that the component already has.
Below you can find a list with all the CSS classes applied to radio button groups and when/how they are applied.
More classes are available from Button subcomponents.
ClassNameDescription
zippy-react-toolkit-radio-button-group
This is the block className for all radio button groups. Always applied.
zippy-react-toolkit-radio-button-group--rtl
Applied when rtl=true.
zippy-react-toolkit-radio-button-group--stretch
Applied when the radio button group stretches on all available space. See stretch prop.
zippy-react-toolkit-radio-button-group--orientation-[ORIENTATION]
Applied when the radio button group is oriented horizontally/vertically. See orientation for more details and examples.