Toast de manette connectée
Une manette bicolore vibre en s'appairant et ses voyants parcourent les quatre joueurs avant de rester sur le premier.
Réglages
Code
<div class="uvq09-pad"><button type="button" class="fire">Appairer à nouveau</button><div class="tt" role="status"><span class="gp" aria-hidden="true"><span class="hl"><i class="stk"></i><i class="dp"></i></span><span class="md"><i></i></span><span class="hr"><i class="bt"></i><i class="stk"></i></span></span><span class="tx"><b>Manette connectée</b><small>Joueur 1 · batterie 80 %</small><span class="leds" aria-hidden="true"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i></span></span><button type="button" class="rb">Vibrer</button></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 consoles confirment une manette appairée par une vibration et une rangée de voyants de joueur, et ce toast reprend les deux. La manette se compose de deux moitiés colorées et d'un centre sombre faits de dégradés ; elle tremble une fraction de seconde et quatre voyants défilent avant que seul le premier reste allumé. Le bouton Vibrer rejoue l'effet et utilise l'API de vibration sur mobile.
La couleur principale peint la moitié droite et la secondaire la gauche, pour imiter n'importe quelle manette. Change le numéro de joueur et la ligne de batterie, et allume un autre voyant en déplaçant la règle first-child. Pensé pour les lanceurs de jeux et les applis compagnons.