Checkbox

Single checkbox component.

Figma componentStorybook documentation

Checkbox

React

<Checkbox id="checkbox" value="checkbox" label="Checkbox" />

CSS

<div class="checkbox">
  <input type="checkbox" id="checkbox" value="checkbox" class="checkbox_control" />
  <label for="checkbox" class="checkbox_label">Checkbox</label>
</div>

Props

Checked

Checked

React

<Checkbox id="checked" value="Checked" label="Checked" checked />

CSS

<div class="checkbox">
  <input type="checkbox" id="checked" value="Checked" class="checkbox_control" checked />
  <label for="checked" class="checkbox_label">Checkbox</label>
</div>

Disabled

Disabled

React

<Checkbox id="disabled" value="Disabled" label="Disabled" disabled />

CSS

<div class="checkbox">
  <input type="checkbox" id="disabled" value="Disabled" class="checkbox_control" disabled />
  <label for="disabled" class="checkbox_label">Checkbox</label>
</div>