Etiqueta de lavado de la prenda
Una etiqueta de raso cosida en la costura: eliges la temperatura de lavado y su símbolo queda pespunteado en azul.
Ajustes
Código
<fieldset class="uvq04-care"><legend>Lavado</legend><div class="sm" aria-hidden="true"></div><div class="lb"><p class="cm" aria-hidden="true">92 % algodón<br>8 % elastano</p><label><input type="radio" name="uvq04-care"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 9h18l-2.2 10H5.2z"/><path d="M3 9c2-1.8 4 1.8 6 0s4 1.8 6 0 4 1.8 6 0"/><path d="M10 17.5v-3.2M12 17.5v-3.8M14 17.5v-3.2M9 15.8l1 1.7h4"/></svg><span><b>A mano</b><small>Prendas delicadas</small></span></label><label><input type="radio" name="uvq04-care"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 9h18l-2.2 10H5.2z"/><path d="M3 9c2-1.8 4 1.8 6 0s4 1.8 6 0 4 1.8 6 0"/><circle class="f" cx="12" cy="14.5" r="1"/></svg><span><b>30 °C</b><small>Lana y seda</small></span></label><label><input type="radio" name="uvq04-care" checked><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 9h18l-2.2 10H5.2z"/><path d="M3 9c2-1.8 4 1.8 6 0s4 1.8 6 0 4 1.8 6 0"/><circle class="f" cx="10.3" cy="14.5" r="1"/><circle class="f" cx="13.7" cy="14.5" r="1"/></svg><span><b>40 °C</b><small>Ropa de color</small></span></label><label><input type="radio" name="uvq04-care"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 9h18l-2.2 10H5.2z"/><path d="M3 9c2-1.8 4 1.8 6 0s4 1.8 6 0 4 1.8 6 0"/><circle class="f" cx="8.6" cy="14.5" r="1"/><circle class="f" cx="12" cy="14.5" r="1"/><circle class="f" cx="15.4" cy="14.5" r="1"/></svg><span><b>60 °C</b><small>Algodón blanco</small></span></label><p class="mk" aria-hidden="true">Hecho en Portugal</p></div></fieldset>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 Radio buttons
Ver todos: Radio buttonsDónde usarlo
Una etiqueta de raso blanca cuelga de una costura de punto, con la composición arriba y cuatro símbolos de lavado dibujados en SVG: lavado a mano y la cubeta con uno, dos o tres puntos. Al elegir una fila su símbolo se entinta en azul, da un pequeño salto y la fila queda rodeada por un pespunte discontinuo. Sirve para apps de colada y fichas de ropa.
El color principal es la tinta del pespunte y el secundario la costura de punto. Cambia la composición, la línea de origen y los cuatro programas según tu prenda, y deja cada descripción en pocas palabras.