UikCheckbox

Simply styled checkbox

PropertyTypeRequiredDefault ValueDescription
childrenReact.Nodefalsenull
descriptionReact.Nodefalsenull
colorStringfalsegreenOne of green | blue | orange | violet | red
classNameStringfalsenullclassName, e.g. "my-custom-styling"
...restanyfalseOther properties passed down to the input element. See the code for more information.

UikCheckbox Examples

ComponentExample Code
<UikCheckbox label="Check me" />
<UikCheckbox color="blue" defaultChecked label="Check me" />
<UikCheckbox
  description="If you click, it will check."
  label="Check me"
/>
// other properties goes to input element directly
<UikCheckbox
  defaultChecked
  label="Check me"
  name="is_hooman"
/>