Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProThe one-time screen after turning on two-step sign-in: codes as a real list, Copy all and Download actions announced, and Continue locked until the person confirms they saved them.
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 right after generating recovery codes for two-step sign-in, API tokens or account recovery.
Do not show the codes again later, send them by email or store them in clear text on your server.
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 |
|---|---|---|---|
codes | string[] | - | The codes to show. |
onContinue | () => void | - | Called when the person has confirmed and presses Continue. |
fileName | string | recovery-codes.txt | Name of the downloaded file. |
ul named "Recovery codes" in monospace, one item each, so they can be read and selected.| Key | Action |
|---|---|
| Tab | Copy, Download, the checkbox, Continue |
| Space | ticks I saved these codes |
The pattern ships a Testing Library test (recovery-codes-list.test.tsx) that covers the list, copying all codes, downloading and the confirmation gate.