Radio

To style the radio, add the “radio-color-size” class

Usage

Add the radio class to the input element to apply size, color, and state-based styles.

Form

Use the <label> element as it is


Standard messaging rates may apply

Styling

The radio class is a dynamic unocss shortcut so you can extend it

  • Syntax: radio-[color]-[size]
  • Color: color of the radio
  • Size: Predefined sizes are sm, md, lg, xl, or pass a numeric value (radio-5)
  • Icon color: use the text-color class

    NOTE: If radio-lg is used, then the default color is primary