FloatingLabel

Markup

<m-text-field id="textfield">
  <m-floating-label for="textfield">Textfield label</m-floating-label>
  <m-line-ripple slot="bottomLine"/>
</m-text-field>

Props

Prop	Type	Default	Description
floatAbove	Boolean	false	label is floating above
absoluteRight	Boolean	false	shakes the label

Slots

Slot	Description
default	label content

Reference

• https://github.com/material-components/material-components-web/tree/master/packages/mdc-floating-label