<div class="md-form">
<input type="text" id="input-example" class="form-control invalid" placeholder="Placeholder" value="Test data">
<label for="input-example" data-error="Error">Title</label>
</div>
Based on the version from MDB:
https://mdbootstrap.com/components/inputs/
No additional actions, aside from the markup, are needed to use this component.
for
attribute on the label element and the corresponding id
on the input elementinvalid
class on the input elementdata-error
attribute on the label element where it’s contents is shown underneath the input element