Controller paired toast
A two-tone controller rumbles as it pairs and its lights sweep across the four players before settling on the first.
Settings
Code
<div class="uvq09-pad"><button type="button" class="fire">Pair again</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 connected</b><small>Player 1 · battery 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">Rumble</button></div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Toasts
See all ToastsWhere to use it
Game consoles confirm a paired controller with a rumble and a row of player lights, and this toast borrows both. The controller is two colored halves and a dark middle drawn with gradients; it shakes for a fraction of a second, and four LEDs sweep along before only the first stays lit. The Rumble button replays it and calls the vibration API on phones.
The main color paints the right half and the second the left one, so you can match any controller. Change the player number and battery line, and light another LED by moving the first-child rule. Made for game launchers and companion apps.