Helper Text

.helper-text makes elements look like helper text for a form field.

Applicable Elements

p
Any other text element

Usage

This is a helper text.

<fieldset class="fieldset">
  <input type="datetime-local" class="input" />
  <p class="helper-text">This is a helper text.</p>
</fieldset>

States

Date is required.

<fieldset class="fieldset">
  <input type="datetime-local" class="input error" />
  <p class="helper-text error">Date is required.</p>
</fieldset>

React component Advanced

<HelperText/> renders a single <p class="helper-text" /> element.

It inherits the error property from a Fieldset component, automatically applies the error style, and displays the error message instead of its children.