Helper Text

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

Applicable Elements

• p
• any other text elements

Usage

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

States

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

React component

React component <HelperText/> is available.
It shows an error message when error is specified.

It inherits the error property from a Fieldset component and automatically applies the error style.

※ The disabled state is automatically inherited through the native HTML feature.