Smiley-Bewertungsskala
Fünf Gesichter zum Bewerten: Das gewählte wächst und zeigt sein Wort, die anderen werden grau.
Einstellungen
Code
<fieldset class="uv-rem"><legend>Wie war deine Bestellung?</legend><div class="op"><label><input type="radio" name="uv-rem"><span class="fc" aria-hidden="true">😣</span><span class="tx">Sehr schlecht</span></label><label><input type="radio" name="uv-rem"><span class="fc" aria-hidden="true">🙁</span><span class="tx">Mäßig</span></label><label><input type="radio" name="uv-rem"><span class="fc" aria-hidden="true">😐</span><span class="tx">Normal</span></label><label><input type="radio" name="uv-rem" checked><span class="fc" aria-hidden="true">🙂</span><span class="tx">Gut</span></label><label><input type="radio" name="uv-rem"><span class="fc" aria-hidden="true">😍</span><span class="tx">Super</span></label></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.
Mehr aus Radiobuttons
Alle ansehen: RadiobuttonsWofür du ihn nutzen kannst
Kurze Zufriedenheitsfragen bekommen mehr Antworten, wenn ein Tipp genügt. Diese Radiogruppe zeigt fünf Gesichter von verärgert bis begeistert. Das gewählte wird mit farbigem Ring größer und zeigt darunter ein kurzes Wort, die anderen bleiben klein und grau. Setz sie nach einer Bestellung, einem Support-Chat oder einem Kurs ein.
Jedes Gesicht ist ein echter Radiobutton, die Pfeiltasten wechseln also zwischen ihnen und Screenreader lesen das Wort statt des Emojis. Die Frage änderst du im Textfeld, den Ring färbst du in Gelb oder deiner Markenfarbe.