@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. 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 { DocumentComponent } from '@rmwc/base/utils/document-component';
import * as docs from './docgen.json';

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

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)