Vertical spacing between radio buttons

Hi All,

I’m new to Vaadin. I’m not quite sure how to increase the vertical spacing between radio buttons. I know it must do with css, but I’m not sure how to apply it.


You need selector targeting the slotted radio buttons in the group.

In your Java class use

@CssImport(value = "./styles/radio-button-styles.css", themeFor = "vaadin-radio-button-group")



In file “frontend/styles/radio-button-styles.css” you need to have

) ::slotted(vaadin-radio-button) {
    ... add button spacing css here ...

Hi Tatu,

Thanks for the tip!