Toast de batterie faible
La batterie se vide jusqu'au rouge et propose d'activer le mode économie avec un interrupteur.
Réglages
Code
<div class="uv-qbt"><button type="button" class="fire">Afficher à nouveau</button><div class="tt" role="alert"><span class="bt" aria-hidden="true"><i></i></span><span class="tx"><b>Batterie faible</b><small>10 % restants, environ 25 minutes</small></span><label class="sw"><span>Économie</span><input type="checkbox" role="switch"><i></i></label></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 Notifications
Voir tout : NotificationsOù l’utiliser
Les applis d'appareils, de trottinettes électriques, de montres et de maison connectée doivent prévenir d'une batterie faible de façon visible mais calme. Ce toast anime la batterie du vert au jaune jusqu'à un mince trait rouge, la fait clignoter trois fois, indique le pourcentage et le temps restant, et propose directement un interrupteur d'économie.
Activer l'interrupteur recolore la batterie pour montrer l'effet. Le toast utilise le rôle alert car le message est urgent. L'interrupteur est une case native avec le rôle switch, utilisable au clavier.