Checkbox

Displays a checkbox

<label>
  <input type="checkbox" />
  Checkbox
</label>

Import

@import "@webtui/css/components/checkbox.css";

Usage

<label>
    <input type="checkbox" />
    Checkbox
</label>

Examples

Checked/Unchecked

<label>
  <input type="checkbox" />
  Unchecked
</label>
<label>
  <input type="checkbox" checked />
  Checked
</label>

Disabled

<label>
  <input type="checkbox" disabled />
  Disabled
</label>
<label>
  <input type="checkbox" checked disabled />
  Checked Disabled
</label>

Reference

Extending

To extend the Checkbox stylesheet, define a CSS rule on the components layer

@layer components {
  input[type="checkbox"] {
    /* ... */
  }
}

Scope

• All native <input type="checkbox"> elements

input[type="checkbox"] {
  /* ... */
}