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>