Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA form field that checks its value asynchronously (username, domain) and shows checking, available or taken as a status light with text, announced politely.
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 must be unique or available (usernames, subdomains, project slugs) and the person should know before submitting.
Do not use it when the check is instant and local (validate on change without a status line).
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 | - |
check | (value: string) => Promise<boolean> | required | Returns true when the value is available. |
minLength | number | optional | Minimum length before checking. Default 3. |
delay | number | optional | Debounce in ms. Default 400. |
The pattern ships with a Testing Library test (status-light-field-check.test.tsx) that covers the length rule, an available value, a taken value and a failed check.