Toast für verbundenen Controller
Ein zweifarbiger Controller vibriert beim Koppeln und seine Lichter laufen über die vier Spieler, bis nur das erste leuchtet.
Einstellungen
Code
<div class="uvq09-pad"><button type="button" class="fire">Erneut koppeln</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>Controller verbunden</b><small>Spieler 1 · Akku 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">Vibrieren</button></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Toasts
Alle ansehen: ToastsWofür du ihn nutzen kannst
Spielkonsolen bestätigen einen gekoppelten Controller mit Vibration und einer Reihe Spielerlichter, und dieser Toast übernimmt beides. Der Controller besteht aus zwei farbigen Hälften und einem dunklen Mittelteil aus Verläufen; er zittert einen Sekundenbruchteil, und vier LEDs laufen durch, bis nur die erste an bleibt. Der Button Vibrieren wiederholt das und nutzt auf Handys die Vibration API.
Die Hauptfarbe färbt die rechte Hälfte, die zweite die linke, so passt er zu jedem Controller. Ändere Spielernummer und Akkuzeile und lass eine andere LED leuchten, indem du die first-child-Regel verschiebst. Gemacht für Game-Launcher und Begleit-Apps.