V23 - How to define my theme for vaadin-checkbox-group > vaadin-checkbox > [part="label"] in css?

I would like to define my own theme to add more space between check boxes in checkboxgroup by adding “padding-right: 40px;” to the “label” part of checkbox. Can anyone guide me how to create css file?

You’re using a horizontal checkbox group then, I presume?

Then it should be as easy as

  margin-right: 40px;
}```

placed in styles.css or any global stylesheet.

Correct, I am using a horizonal checkbox.

Thank you, Rolf. This is how it works:

In styles.css,
vaadin-checkbox-group.horizontal-widespace > vaadin-checkbox { /* I named it as “horizontal-widespace” */
margin-right: 40px;
}

In the code,
myCheckboxGroup.addClassName(“horizontal-widespace”);

:+1: