@rmwc/checkbox v14.2.2
Checkboxes
Checkboxes allow the user to select multiple options from a set.
- Module @rmwc/checkbox
- Import styles:
- Using CSS Loader
- import '@rmwc/checkbox/styles';
- Or include stylesheets
- '@material/checkbox/dist/mdc.checkbox.css'
- '@material/form-field/dist/mdc.form-field.css'
- '@material/ripple/dist/mdc.ripple.css'
- Using CSS Loader
- MDC Docs: https://material.io/develop/web/components/input-controls/checkboxes/
function Example() {
const [checked, setChecked] = React.useState(false);
return (
<Checkbox
label="Cookies"
checked={checked}
onChange={(evt) => setChecked(!!evt.currentTarget.checked)}
/>
);
}
<Checkbox label="Pizza" />
<Checkbox>Icecream</Checkbox>
<>
<Checkbox label="Broccoli" indeterminate />
<Checkbox label="Always On" checked />
<Checkbox label="Always Off" checked={false} />
</>
Checkbox
A Checkbox component.
Props
Name | Type | Description |
---|---|---|
checked | boolean | Toggle the control on and off. |
disabled | boolean | Disables the control. |
foundationRef | Ref<MDCCheckboxFoundation<>> | Advanced: A reference to the MDCFoundation. |
id | string | A DOM ID for the toggle. |
indeterminate | boolean | Make the control indeterminate |
inputRef | Ref<HTMLInputElement<>> | A reference to the native input. |
label | ReactNode | A label for the control. |
ripple | RipplePropT | Adds a ripple effect to the component |
rootProps | HTMLProps<any> | By default, all props except className and style spread to the input. These are additional props for the root of the checkbox. |
value | string \| number \| string[] | The value of the control. |
4 days ago
11 days ago
11 days ago
12 days ago
24 days ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
5 months ago
8 months ago
6 months ago
8 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
5 months ago
5 months ago
8 months ago
5 months ago
5 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago