shadcn.io is not affiliated with official shadcn/ui
Password Reset Follow-ups Success Block for Ark UI
A confirmation page for a password reset: the account, the time and the used reset link, three follow-up switches (two-step sign-in, sign out other devices, email about new sign-ins) and one sentence that says what each choice would do after sign-in.
Installation
Overview
Offer the next steps after a reset with this confirmation page for React with Ark UI. It is the page Nesthurst, a family-organiser app, shows once someone has chosen a new password: the page's side rails and one band frame a narrow column with a success mark, the heading and a short list of what happened (the account, when it changed, the reset link now used). Under it, "While you're here" holds three follow-ups as Switch rows, each with a line of what it does, and one sentence that reads out what would happen after sign-in, worked out from the switches. The Shine Button, Sign in, is the only colored control. It is built from Switch, Shine Button and Guides, with a CSS entrance only. For password recovery, account security and any page that ends a reset.
FAQ
What stays in the page, and how do I wire it for real?
Nothing was changed, signed out or sent. There is no password field here (choosing the password is the reset form's job), and the three switches only change this page and the sentence under them. To wire it, start START from the account's real settings, send the three choices to your backend when the person signs in, and fill the account, the time and the device list from the reset.
Where does the sentence under the switches come from?
From the switches. summaryOf lists what is on ("set up two-step sign-in, sign out 3 other devices, and email you about new sign-ins"), or says it would do nothing more when all three are off. It uses "would" because the demo does nothing, and the polite status message speaks the new sentence after every change.
Why does the second switch start on?
Signing the other devices out is the usual thing to do after a reset, so it starts on and the other two follow the account. Change START for your own defaults. The line under it names the devices that are still signed in and counts them from the typed DEVICES list.
Are the switches accessible?
Each switch is named by its own words ("Sign out my other devices") with its explanation next to it, and the row count ("2 of 3 on") is a text summary of their state. The on state is a solid foreground color, so the Sign in button stays the page's one primary.