Radio Button - CSS API Reference

All Common CSS variables:

Specific CSS variables for Radio Button styling:

• --smart-radio-button-default-size: Default size for the radio button.

The following CSS selectors can be used to style Radio Button:

• smart-radio-button - the element itself. Can be used to set width and height for the whole element.
  • .smart-container - the container that holds all of the internals of the element. Shoudn't be used for styling.
    • .smart-overlay - an overlay that can be used control the wave size of the ripple effect of the animation.
    • .smart-input - an HTML Input element used for the user input.
    • .smart-label - an HTML Span element used to hold the label above the element.

Demo

<style>
         #radiobutton1,
         #radiobutton2{
                --smart-color: #ccc;
                --smart-font-size: 20px;
        }
</style>