Selection Switches toggle the state of a single item on or off.

Name
Type
Description
idStringId to connect label with input
nameStringSpecifies the name for this input
onChangeFunctionAn Event handler function
valueStringValue of currently selected checkbox
defaultCheckedBooleanSpecifies the initial value for type="checkbox" and type="radio" inputs
ariaLabelStringSpecify if label is not visible but will be announced by screen reader

Checkbox

Name
Type
Description
idStringId to connect label with input
nameStringSpecifies the name for this input
onChangeFunctionAn Event handler function
valueStringValue of currently selected checkbox
checkedBooleanFor a checkbox input or a radio button, controls whether it is selected
defaultCheckedBooleanSpecifies the initial value for type="checkbox" and type="radio" inputs
ariaLabelStringSpecify if label is not visible but will be announced by screen reader
labelStringCheckbox label
childrenNodeCheckbox label
colorStringSpecify element color

Radio

Name
Type
Description
idStringId to connect label with input
nameStringSpecifies the name for this input
onChangeFunctionAn Event handler function
valueStringValue of currently selected radio
checkedBooleanFor a checkbox input or a radio button, controls whether it is selected
defaultCheckedBooleanSpecifies the initial value for type="checkbox" and type="radio" inputs
ariaLabelStringSpecify if label is not visible but will be announced by screen reader
labelStringRadio label
childrenNodeRadio label
colorStringSpecify element color