Electric kettle toggle
The light on the base comes on, water bubbles behind the little window and steam puffs out of the spout.
Settings
Code
<label class="uvq03-ktl"><input type="checkbox" role="switch"><span class="kt"><span class="sm"><i></i><i></i><i></i></span><i class="sp"></i><i class="hd"></i><span class="bd"><i class="ld"></i><span class="wn"><span class="wa"><i></i><i></i><i></i></span></span><i class="sw"></i></span><i class="bs"></i></span>Hot water</label>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 Toggles
See all TogglesWhere to use it
This switch is a stainless steel electric kettle on its power base, with a black handle, a lid knob and a narrow water window. Turning it on flips the small rocker under the handle, lights an amber strip on the base, sends bubbles rising in the window and, after a moment, lets soft puffs of steam drift from the spout. It suits smart appliances and tea shops.
The main color is the heating light and the second one is the water. A cool blue light reads as keep warm, and a green water tint suits herbal tea brands. Keep the label about the water or the drink.