Help component can be paired with form's elements and contain additional information such as an error message, hints, etc.
Here is an example of a help component textarea usage paired with an input and a label.
Help message
HTML
<label class="label margin-bottom-xxs" for="input-demo">Label</label>
<input class="input" id="input-demo" type="text" placeholder="Placeholder" />
<p class="help margin-top-xxs">Help message</p>help-danger/help-success helps with visual reflection of validation states.
| State | Class | Preview |
|---|---|---|
| Danger | .help .help-danger | Error message |
| Success | .help .help-success | Success message |
Error message
HTML
<label class="label">
Label
<input class="input input-danger margin-top-xxs" type="text" placeholder="Placeholder" />
</label>
<p class="help help-danger margin-top-xxs">Error message</p>