CheckBox

CheckBox offer the user the possibility to choose one or more item from a set.

Example

Some checkbox
Some other checkbox

<div>
  <Label htmlFor="checkboxTest">
    <CheckBox id="checkboxTest" name="checkboxTestGroup" value="ImChecked" />
    Some checkbox
  </Label>
  <br />
  <Label htmlFor="checkboxTest2">
    <CheckBox id="checkboxTest2" name="checkboxTestGroup" value="ImCheckedToo" />
    Some other checkbox
  </Label>
</div>

<div>
  <Label htmlFor="checkboxTest">
    <CheckBox id="checkboxTest" name="checkboxTestGroup" value="ImChecked" />
    Some checkbox
  </Label>
  <br />
  <Label htmlFor="checkboxTest2">
    <CheckBox id="checkboxTest2" name="checkboxTestGroup" value="ImCheckedToo" />
    Some other checkbox
  </Label>
</div>

Theme

Props

Name	Type	Default value	Description
checked	bool	false	Whether or not the checkbox is checked.
id required	string	null	The id of the current element.
name required	string	null	The name attribute is used to reference form data after a form is submitted. Numerous checkbox with the same name value will be in the same group.
onChange	func	null	Gets called when the value of the checkbox changes.
value required	string	null	The value attribute of the checkbox. This attribute has meaning when submitting a form.