Start-Stopp-Knopf
Ein Startknopf wie im Auto mit Aluminiumring: Beim Starten füllt sich der Lichtring, und der Knopf vibriert wie ein Motor.
Einstellungen
Code
<button class="uvq01-eng" type="button" aria-label="Starten" 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">Starten</span><span class="b">Ausschalten</span></span><span class="sm">Start · Stop</span></span></button>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 Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Der Startknopf ist in modernen Autos ein kleines Ritual, und dieser Umschalter bildet es nach: eine Einfassung aus gebürstetem Aluminium, eine glänzend schwarze Kappe mit Beschriftung und ein dünner LED-Ring darum. Beim Start läuft der Ring einmal ganz herum, die Kappe rüttelt kurz, und ein sanftes Leuchten atmet weiter, solange er an ist. Ein weiterer Druck schaltet ab. Passt zu Automarken, Smart Home und Ein-Aus-Schaltern.
Die Hauptfarbe ist der Lichtring, standardmäßig Rot, die Zweitfarbe tönt das Metall von kühlem Silber bis warmem Titan. Der Zustand steht in aria-pressed, assistive Technik erkennt also, ob der Motor läuft.