SessionTimeoutDialog

stable

Session expiry warning dialog with countdown timer, progress bar, and extend/logout actions

Identity & AuthInteractive/Storybook ↗

import { SessionTimeoutDialog } from "@nodus/design-system/patterns"

Props

Prop	Type	Default	Description
`timeoutSeconds`	`number`	300	Total timeout
`warningThreshold`	`number`	60	Warning appears at N seconds
`onExtend`	`() => void`	—	Extend session callback
`onLogout`	`() => void`	—	Logout callback
`open`	`boolean`	true	Dialog visibility

timeoutSeconds

Type numberDefault 300

Total timeout

warningThreshold

Type numberDefault 60

Warning appears at N seconds

onExtend

Type () => voidDefault —

Extend session callback

onLogout

Type () => voidDefault —

Logout callback

open

Type booleanDefault true

Dialog visibility

Design Rationale

This component was designed to express:

Authentication form with email/password, SSO providers, password strength, and branding slot

Multi-step deliberate confirmation for high-stakes actions

Was this helpful?