# Session expired

Session expired: a free component, built on your design tokens, to use when a session times out while someone is working, before they lose what they typed. A sign-in-again card that says why the session ended and shows that the person's unsaved work is kept on this device.

Prompt: Add the OpenDesigner component session-expired to this project: https://opendesigner.dev/library/session-expired.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: expired, hover, focus.

Accessibility: The title and reason sit in an alert, read as soon as the card appears. Move focus to Sign in again when you show it: the part never moves focus on its own, so a page that only displays it isn't hijacked. The saved draft is described in text, not only by an icon.

File: https://opendesigner.dev/library/session-expired.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/session-expired.json

Download: `curl -fsSLo session-expired.html https://opendesigner.dev/library/session-expired.html`