Session Expiring Dialog
Session expiry warning dialog giving two minutes notice, a stay-signed-in action, and a guarantee that open drafts are saved regardless of choice.
Session expiry warning dialog giving two minutes notice, a stay-signed-in action, and a guarantee that open drafts are saved regardless of choice.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Session Expiring Dialog is the static blueprint of the inactivity warning rendered open over a scrim. A clock icon anchors the heading Your session is expiring soon, followed by the plain explanation: Acme signs you out after 30 minutes of inactivity and your session ends in approximately 2 minutes. The footer note commits to the draft safety guarantee: whether you stay or sign out, any open drafts are already saved locally and will be here when you next open the page. Two buttons sit below: Sign out now (outline) and Stay signed in (primary), with a quiet note that staying extends the session by 30 minutes.
The entire dialog is static markup with no Radix portal, so it renders correctly inside the preview iframe. The draft safety line is the key trust signal: the dialog warns you precisely so you never lose work.
Reach for this block in the inactivity timer that fires 2 minutes before the session token expires, wired to your auth keep-alive endpoint on Stay signed in and your logout handler on Sign out now. Dismiss it automatically if the user acts anywhere on the page.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the 30-minute inactivity warning. Other session dialogs:
Tip: surface the warning early enough for the user to act without rushing; 2 minutes gives time to save a form and click Stay signed in.