Components Inputs Input Checkbox

Input Checkbox

Overview API Examples Style Tokens

Basic usage

Negative mode

The Input Checkbox component supports a negative mode, suitable for areas with dark background.

Prefilled value

You can initialize the Input Checkbox component with a prefilled value.

Indeterminate state

The Input Checkbox component supports an indeterminate state, which usually represents a partial selection.

Custom content

You can insert any element you want as the label of the Input Checkbox

Displaying an alert

You can add an alert to be displayed below the label of the Input Checkbox.

No label

You can hide the label altogether, in those cases where you need other elements to convey the nature of the items users are selecting.

Disabled state

The Input Checkbox component supports a Disabled state, complete with an information button with which you can provide useful details as to why the field is not operable.

Required state

If you mark your FormControl as required, the Input Checkbox component automatically handles its error state and displays a “(required)” marker, that you can customize or hide following your needs.