Form fields·loomora/InputHelper
InputHelper
A small message element that supports normal helper and semantic error presentations.
Interactive live playground
Tweak props, change states, and see the live component respond in real time.
How to call
Import directly from the Loomora package root. For projects without Tailwind CSS, ensure loomora/dist/index.css is imported once in your root layout.
import { InputHelper } from 'loomora'
<InputHelper>Use at least 12 characters.</InputHelper>
<InputHelper asError role="alert">This value is required.</InputHelper>API reference
Important public props and how they affect rendering.
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Helper or validation message. |
| asError | boolean | false | Applies the configured error text treatment. |
| className | string | config default | Classes applied to the message element. |