Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA username field that checks availability after the person stops typing, shows checking, available or taken as text, ignores out-of-date answers, and blocks submit until the name is confirmed. Use this when a value must be unique and the server is the only judge.
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.
A field must be unique across all users (username, workspace URL, handle) and you want to tell the person before they submit, without a request on every keystroke.
Do not use it when: Do not use it where the answer is private. Telling anyone whether an email is registered leaks accounts; check emails on submit instead.
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 | Default | Description |
|---|---|---|---|
check | (username) => Promise<boolean> | - | true when free. A rejection shows "Could not check right now." |
onSubmit | (username) => void | Promise<void> | - | Called when the button is pressed with an available name. |
delay | number | 500 | Milliseconds of quiet before the request. |
aria-invalid. Color is never the only signal.The pattern ships with a Testing Library test (username-availability-check.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.