Checkbox

Import

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

Usage

Add a native <input type="checkbox"> to your markup. The TUI style will be applied automatically.

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

Focus

Tab to a checkbox to see the label become bold and underlined.

Scope

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

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