Checkbox

Checkboxes give users binary choices when presented with multiple options in a series.

useCheckbox API

import { useCheckbox } from '@mui/base/useCheckbox';
// or
import { useCheckbox } from '@mui/base';

Name	Type	Default	Description
autoFocus	boolean	false	If `true`, the checkbox is focused on mount.
checked	boolean	undefined	If `true`, the component is checked.
defaultChecked	boolean	false	The default checked state. Use when the component is not controlled.
disabled	boolean	false	If `true`, the component is disabled.
indeterminate	boolean	false	If `true`, the checkbox will be indeterminate.
inputRef	React.Ref<HTMLInputElement>	-	The ref to the input element.
name	string	undefined	Name of the underlying input element.
onChange	React.ChangeEventHandler<HTMLInputElement>	-	Callback fired when the state is changed.
readOnly	boolean	false	If `true`, the component is read only.
required	boolean	false	If `true`, the `input` element is required.

Name	Type	Default	Description
checked	boolean	-	If `true`, the checkbox is checked.
getButtonProps	(externalProps?: React.ComponentPropsWithRef<'button'>) => React.ComponentPropsWithRef<'button'>	-	Resolver for the button element's props.
getInputProps	(externalProps?: React.ComponentPropsWithRef<'input'>) => React.ComponentPropsWithRef<'input'>	-	Resolver for the input element's props.