Checkbox

A checkbox is used to give a user a way to select a value.

Checkbox



<tk-checkbox
  label='Salamander blood'>
</tk-checkbox>
<hr>
<tk-checkbox
  label='Salamander blood'
  disabled>
</tk-checkbox>
<hr>
<tk-checkbox>
</tk-checkbox>

Description

The checkbox renders checkbox with a optional label.

Sizes



<tk-checkbox
  label="Salamander blood"
  size="small">
</tk-checkbox>
<hr>
<tk-checkbox
  label="Salamander blood"
  size="medium">
</tk-checkbox>
<hr>
<tk-checkbox
  label="Salamander blood"
  size="large">
</tk-checkbox>

Description

The default size is medium. Small and large options are available.

Props

Property Required? Default Description
label no The label describing the checkbox
value no The value for the checkbox
checked no false Displays whether the checkbox is ticked
disabled no false Disables the checkbox so it cannot be clicked
size no medium Changes the size of the checkbox and label

Events

Name Description
check A string of the currently selected choice whenever tge checkbox is checked or unchecked.