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:
- Using CSS Loader
- import '@rmwc/formfield/styles';
- Or include stylesheets
- '@material/form-field/dist/mdc.form-field.css'
- MDC Docs: https://material.io/develop/web/components/input-controls/form-fields/

``jsx


Input Label

`

Align end

`jsx


Input Label

`

No wrap

`jsx


Input Label

`

Space between

`jsx


Input Label

`

FormField

| Name | Type | Description |
|------|------|-------------|
| alignEnd | boolean | Position the input after the label. |
| foundationRef | Ref> | Advanced: A reference to the MDCFoundation. |
| noWrap | boolean | Forces text to stay on a single line. |
| spaceBetween | boolean` | Adds space between content. |