Tu sesión está a punto de caducar
Por seguridad cerraremos la sesión si no haces nada.
Sesión cerrada
Vuelve a entrar para seguir donde lo dejaste.
Alerte d'expiration de session
Une fenêtre avec compte à rebours circulaire qui propose de rester connecté avant la fin de la session.
Réglages
Code
<div class="uv-ost"><div class="pg" aria-hidden="true"><i class="h"></i><i></i><i></i><i></i><i></i><i class="s"></i></div><button type="button" class="fire">Simuler l’inactivité</button><div class="scr"></div><div class="dl" role="alertdialog" aria-modal="true" aria-labelledby="uv-ost-t" aria-describedby="uv-ost-d"><div class="rg" aria-hidden="true"><svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="17" class="bg"/><circle cx="20" cy="20" r="17" class="fg" pathLength="1"/></svg><output>0:30</output></div><div class="v1"><p class="ti" id="uv-ost-t">Ta session va bientôt expirer</p><p class="ds" id="uv-ost-d">Par sécurité, nous fermerons la session sans action de ta part.</p><div class="ac"><button type="button" class="out">Se déconnecter</button><button type="button" class="st">Rester connecté</button></div></div><div class="v2"><p class="ti">Session fermée</p><p class="ds">Reconnecte-toi pour reprendre où tu en étais.</p><button type="button" class="st">Se reconnecter</button></div></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Overlays
Voir tout : OverlaysOù l’utiliser
Les outils bancaires, de santé et d'administration déconnectent après inactivité, et une alerte claire évite de perdre son travail. Celle-ci montre un anneau qui se vide seconde après seconde autour du temps restant, devient rouge et pulse dans les dix dernières secondes, avec des boutons pour rester connecté ou se déconnecter. À zéro, elle passe à un message de session fermée.
La durée se règle avec le curseur supplémentaire, le focus commence sur l'action sûre et la boîte utilise le rôle alertdialog. Relie les boutons au renouvellement de session de ton backend.