Lavado
HTML + CSSRadiobuttons

Pflegeetikett mit Waschwahl

Ein Satinetikett in der Naht: Du wählst die Waschtemperatur, und ihr Symbol wird blau mit einer Steppnaht umrandet.

Einstellungen

16px
1x

Code

<fieldset class="uvq04-care"><legend>Wäsche</legend><div class="sm" aria-hidden="true"></div><div class="lb"><p class="cm" aria-hidden="true">92 % Baumwolle<br>8 % Elasthan</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>Handwäsche</b><small>Feinwäsche</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>Wolle und Seide</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>Buntwäsche</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>Weiße Baumwolle</small></span></label><p class="mk" aria-hidden="true">Hergestellt in Portugal</p></div></fieldset>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Radiobuttons

Alle ansehen: Radiobuttons

Wofür du ihn nutzen kannst

Ein weißes Satin-Pflegeetikett hängt an einer Strick-Naht, oben die Materialzusammensetzung, darunter vier Waschsymbole als SVG: Handwäsche und der Bottich mit einem, zwei oder drei Punkten. Die Wahl einer Zeile färbt ihr Symbol blau, lässt es kurz aufspringen und umgibt die Zeile mit einer gestrichelten Steppnaht. Passend für Wasch-Apps, Modeseiten und Pflegeratgeber.

Die Hauptfarbe ist die Stickfarbe, die Zweitfarbe die Jersey-Naht. Passe Zusammensetzung, Herkunftszeile und die vier Programme an dein Kleidungsstück an und halte jede Beschreibung bei wenigen Wörtern.