mdb-ui-kit/docs/material-design/labels.md

2.1 KiB

layout title group
docs Labels material-design

Below is a complete list of <label> class options supported by Material Design for Bootstrap:

Classes Notes
.mdb-label-static {% markdown %}Statically positioned above the input{% endmarkdown %}
.mdb-label-placeholder {% markdown %} Renders a `` as a placeholder
  • focused: not visible after first keystroke
  • unfocused & empty: placeholder
  • unfocused & filled: not visible
  • do not use the placeholder attribute with this option
    {% endmarkdown %}
.mdb-label-floating

{% markdown %} Animated combination of placeholder and label:

  • focused: label animates from placeholder to static label
  • unfocused & empty: placeholder
  • unfocused & filled: renders the same as .mdb-label-static {% endmarkdown %}

Contents

  • Will be replaced with the ToC, excluding the "Contents" header {:toc}

Styles

{% example html %}

We'll never share your email with anyone else. We'll never share your email with anyone else. We'll never share your email with anyone else. {% endexample %}