Checkbox
Imports
import {Checkbox} from 'material-expressive-react';
import {Checkbox} from 'material-expressive-react/checkbox';
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| checked | boolean | No | ||
| disabled | boolean | No | ||
| form | HTMLFormElement | No | Readonly associated form element (custom element form-associated API). | |
| indeterminate | boolean | No | ||
| name | string | No | ||
| onChange | ((event: Event) => void) | No | ||
| onInput | ((event: Event) => void) | No | ||
| required | boolean | No | ||
| value | string | No |
Events
onChange→ DOM eventchangeonInput→ DOM eventinput
Slots
Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).
If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).
Examples
See Storybook for live examples and variants.