Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99

--d --h --m --sGet Pro

Alert Dialog Session Expired

ProNew

The idle-timeout warning: cannot be dismissed, counts down in view, announces only at calm intervals and signs out once by itself when the time is up.

Customize

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.

open

seconds60

Guide and examples

When to use it

Use this for apps that end sessions after inactivity (banking, admin tools, health), to give people time to extend.

Do not use it for short sessions or in apps where losing the session is harmless. Trigger it from your own idle timer; this component only shows the warning.

Installation

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.

Log in Get Pro for $35

Props

AlertDialogSessionExpired

Prop	Type	Default	Description
`open`	`boolean`	-	Show the warning.
`seconds`	`number`	`60`	Countdown length.
`onStaySignedIn`	`() => void`	-	Extend the session.
`onSignOut`	`() => void`	-	Sign out now or at zero.

Accessibility

Escape is blocked and an alert dialog never closes on an outside click, because dismissing would leave the session state unknown (WCAG 2.2.1 asks to warn and let people extend).
The visible seconds count down every second, but the live region announces only every ten seconds and in the last five, so it stays usable.
onSignOut is called exactly once at zero.

Keyboard

Key	Action
Tab	Sign out now, Stay signed in
Escape	does nothing (a choice is required)

Testing

The pattern ships a Testing Library test (alert-dialog-session-expired.test.tsx) that covers the countdown, blocked dismissal, the single automatic sign-out, both buttons and calm announcements.