@rmwc/formfield

Form Fields

MDC Form Field provides an mdc-formfield helper class for easily making theme-aware, RTL-aware form field + label combos. It also provides an MDCFormField class for easily making input ripples respond to label events.

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

Its not immediately clear when to use this component, but it has been included in RMWC for completeness. It does offer some consistent spacing and is automatically included with Radio's, Switches, and Checkboxes when there is an accompanying label. Please refer to the official MDC docs for use cases.

import { FormField } from '@rmwc/formfield';

<FormField>
  <input type="checkbox" id="input"/>
  <label htmlFor="input">Input Label</label>
</FormField>

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

<Docs src={docs} components={['FormField']} />

Changelog

5.2.1 (2019-03-15)

Documentation Changes

• TopAppBar: Correct examples (985102cc)

Bug Fixes

• Menu: Corrects race condition with hoistMenuToBody no detecting anchor (492fa2d6)
• Docs: Corrects doc build tree shaking dropping CSS (d1c86a43)