Public attributes and slots
label— default: Checkbox.name— default: Absent.value— default: on.form— default: Absent.required-marker— default: *.aria-label— default: Absent.aria-labelledby— default: Absent.aria-describedby— default: Absent.aria-errormessage— default: Absent.class— default: Absent.checked— default: Absent.disabled— default: Absent.required— default: Absent.busy— default: Absent.invalid— default: Absent.indicator— default: outline.hidden— default: Absent.dir— default: Inherited.indeterminate— default: Absent.
The default slot replaces label text. The required-marker slot replaces the visible marker and remains aria-hidden. aria-label and aria-labelledby name the input separately; aria-describedby and aria-errormessage reference authored help and errors. Name and form define the native form owner; checked changes the native checked default. Boolean presence includes empty values and false. Invalid uses the explicit string true. Indicator supports outline and underline; unsupported values fall back to outline. Readonly is not supported by native checkable inputs.
Use real pointer hover, Space and Tab to compare focus with checked state. Radios also support native arrow navigation. Busy does not disable the control or delay changes. Indeterminate is a presence flag that sets the native mixed property; activation clears it, and an unchanged flag does not reapply it during unrelated renders.
light
dark
contrast-light
contrast-dark
native
Referenced choice
Choose carefully.
Choose an option.