Botón de arranque
Arranque de coche con bisel de aluminio: el anillo de luz se llena al encender y el botón tiembla como un motor.
Ajustes
Código
<button class="uvq01-eng" type="button" aria-label="Arrancar" aria-pressed="false"><span class="led" aria-hidden="true"></span><span class="cap" aria-hidden="true"><span class="sm">Motor</span><span class="w"><span class="a">Arrancar</span><span class="b">Apagar</span></span><span class="sm">Start · Stop</span></span></button>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Botones
Ver todos: BotonesDónde usarlo
Arrancar con un botón es un pequeño ritual en los coches actuales y este interruptor lo recrea: bisel de aluminio cepillado, una tapa negra brillante con la etiqueta y un fino anillo LED alrededor. Al arrancar el anillo da la vuelta completa, la tapa vibra un momento y un brillo suave sigue respirando mientras está encendido. Sirve para marcas de coches, domótica e interruptores.
El color principal es el anillo de luz, rojo por defecto, y el secundario tiñe el metal, del plata frío al titanio cálido. El estado se expone con aria-pressed, así que las tecnologías de apoyo saben si el motor está en marcha.