HTML + CSSToggles

Hervidor eléctrico

El piloto de la base se enciende, el agua burbujea en la ventanita y sale vapor por el pitorro.

Ajustes

16px
1x

Código

<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>Agua caliente</label>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Toggles

Ver todos: Toggles

Dónde usarlo

Este interruptor es un hervidor eléctrico de acero sobre su base, con asa negra, pomo en la tapa y una ventanita estrecha para ver el agua. Al activarlo, el pequeño interruptor bajo el asa bascula, se enciende una línea ámbar en la base, suben burbujas por la ventanita y, al rato, salen nubecitas de vapor por el pitorro. Encaja en electrodomésticos conectados y tiendas de té.

El color principal es la luz de calentar y el secundario el agua. Una luz azul fría se lee como mantener caliente, y un agua verdosa encaja con marcas de infusiones. Deja un texto que hable del agua o de la bebida.