Checkbox

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

Usage

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

Form

Use the <label> element as it is


By Agreeing you accept our Privacy Policy

Styling

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

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

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