Device Approval Page
New device verification gate showing device, location, time, and account with approve and deny actions and an honest account-lock security note.
New device verification gate showing device, location, time, and account with approve and deny actions and an honest account-lock security note.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Device Approval Page is the verification gate shown when a sign-in comes from an unrecognised device. The detail card lists four rows (Device: Windows 11, Chrome 126; Location: Berlin, Germany; Time: Jun 13, 08:47 UTC; Account: avery@acme.com) and two full-width buttons: Yes, approve this device and No, deny this sign-in. The security note below the buttons is the honest commitment: if this was not you, clicking Deny immediately locks the account and sends instructions to the registered address, and no data is lost. A footer line names the 15-minute expiry window and tells the user how to get a new link.
The device detail card is static markup, no open-state Radix components. The 15-minute expiry note is the line that prevents the frustrated follow-up email.
Reach for this block as a full-page route sent by email link when a new-device sign-in is detected, wired to your approval and deny endpoints keyed on a short-lived token.
A natural flow around it on an Application Pro page:
Before
After
One strong use is new-device email verification. Other approval gates:
Tip: naming the account on the detail card lets the user catch a wrong-account scenario before they approve access they did not intend to grant.