@rmwc/checkbox

Checkboxes

Checkboxes allow the user to select multiple options from a set.

• Module @rmwc/checkbox
• Import styles:
  • import '@material/checkbox/dist/mdc.checkbox.css';
  • import '@material/form-field/dist/mdc.form-field.css';
• MDC Docs: https://material.io/develop/web/components/input-controls/checkboxes/

import { Checkbox } from '@rmwc/checkbox';

{/* Controlled with change handlers */}
<Checkbox
  checked={this.state.cookiesChecked || false}
  onChange={evt => this.setState({cookiesChecked: evt.target.checked})}>
  Cookies
</Checkbox>

{/* Standard Checkbox */}
<Checkbox>Pizza</Checkbox>

{/* Using the label prop */}
<Checkbox label="Icecream" />

{/* Making a "half" checked, indeterminate Checkbox */}
<Checkbox indeterminate>Broccoli</Checkbox>

import { DocumentComponent } from '@rmwc/base/utils/document-component';
import * as docs from './docgen.json';

<DocumentComponent docs={docs} displayName="Checkbox" />

Changelog

3.0.10 (2018-11-09)

Bug Fixes

• Checkbox: Corrects an issue where animations would reply if checkbox display property was set to none and back #343 (f5572ae7)
• Switch: Corrects issues with syncing, adds missing ripple, rewrites using Foundation adapter pattern #361 (5e95ef24)
• Textfield: Corrects issue with floating label on dynamic updates #362 (c6b85926)