Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA form field with a label, a toggle tip that explains it and an error state, wired so the hint, the tip button and the error are announced in a sensible order.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when a field needs a short hint, a longer explanation and validation, such as tax ids, API scopes, retention periods.
Do not use it when the field is obvious (an empty-looking extra info button is noise).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
label | string | required | - |
hint | string | optional | One short line always visible under the field. |
help | React.ReactNode | required | The longer explanation behind the info button. |
error | string | optional | - |
value | string | required | - |
onChange | (value: string) => void | required | - |
type | string | optional | - |
The pattern ships with a Testing Library test (toggle-tip-field-help.test.tsx) that covers the linked hint, the info button, the error state and typing.