Session Timeout Dialog
An alertdialog that warns before an idle session ends, with a draining ring countdown, Stay signed in and Sign out, and an expired state; also as an inline panel.
Preview
Still there?
You'll be signed out in 1:59 to keep your account safe.
You've been signed out
For your security we ended your session. Your work was saved.
Counts down live, then expires
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| seconds | number | 120 | Length of the warning window; the ring is full at this value. |
| startAt | number | seconds | Seconds left at the start, if less than the full window. |
| paused | boolean | false | Freeze the countdown (static previews, in-flight refresh). |
| defaultExpired | boolean | false | Start signed out. |
| onStay / onSignOut / onSignIn | () => void | — | The actions. Stay restarts the countdown; Sign in again shows once expired. |
| onExpire | () => void | — | Called once when time runs out. |
| Dialog: open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — | SessionTimeoutDialog only: an alertdialog with Stay signed in focused. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.