Skip to main content

SessionTimeoutDialog

SessionTimeoutDialog — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

SessionTimeoutDialog — Prism component.

Accessibility

Masked values stay obscured to assistive tech until revealed; the reveal toggle is a labelled button. Audit entries are an ordered list.

Import

const { SessionTimeoutDialog } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
openbooleanYesWhether the dialog is shown.
secondsLeftnumberSeconds remaining before automatic logout (you tick this down).
totalSecondsnumberStarting seconds — used to fill the countdown ring. Default 60.
titleReact.ReactNode
descriptionReact.ReactNode
extendLabelReact.ReactNode
logoutLabelReact.ReactNode
onExtend() => voidKeep the session alive.
onLogout() => voidLog out immediately.
classNamestring