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

layout	title	group
docs	Labels	material-design

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

Classes	Notes
.bmd-label-static	{% markdown %}Statically positioned above the input{% endmarkdown %}
.bmd-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 %}
.bmd-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 .bmd-label-static {% endmarkdown %}

Contents

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

Styles

{% example html %}

label-static We'll never share your email with anyone else. label-floating We'll never share your email with anyone else. label-placeholder We'll never share your email with anyone else. {% endexample %}