Checkbox

Checkboxes let users select one or more independent options from a set, or toggle a single setting on or off.

Example

Group related checkboxes inside a fieldset with a legend describing the group, and add disabled to any option that a user shouldn't be able to change, such as a mandatory choice.

Language preferences: You can't disable the default language

Hint

Associate a checkbox with helper text using aria-describedby, giving users additional context about the option before they decide.

We will send you a newsletter every week

Validation

You can indicate the validation state of the checkbox using the attribute aria-invilid with the values true and false.

Looks good! Please provide a valid value!