@rmwc/formfield
TypeScript icon, indicating that this package has built-in type declarations

14.3.5 • Public • Published

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.

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

Align end

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

No wrap

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

Space between

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

FormField

A FormField component.

Props

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

Readme

Keywords

Package Sidebar

Install

npm i @rmwc/formfield

Weekly Downloads

4,990

Version

14.3.5

License

MIT

Unpacked Size

5.41 kB

Total Files

10

Last publish

Collaborators

  • jamesmfriedman