Ton-an-aus-Toggle
Der Lautsprecher sendet pulsierende Wellen, wenn Ton an ist, und wird beim Stummschalten durchgestrichen.
Einstellungen
Code
<label class="uv-tsd"><input type="checkbox" role="switch"><span class="tr"><span class="kn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 9.5h3l4.5-4v13l-4.5-4H4z" fill="currentColor"/><path class="w1" d="M15 9.5a3.5 3.5 0 0 1 0 5"/><path class="w2" d="M17.5 7a7 7 0 0 1 0 10"/><path class="sl" d="M3 3l18 18" pathLength="1"/></svg></span></span>Ton</label>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 Schalter
Alle ansehen: SchalterWofür du ihn nutzen kannst
Stummschalter gibt es überall, vom Videoplayer über Spiele bis zu Meeting-Tools, und das Symbol muss den Zustand auf einen Blick zeigen. Hier trägt der Knopf einen Lautsprecher: Aus kreuzt ihn eine rote Linie, an zieht sie sich zurück, zwei Schallwellen erscheinen und pulsieren sanft, während die Schiene grün wird.
Nutze ihn für Benachrichtigungstöne, Autoplay-Videos, Spielaudio oder einen Podcast-Player. Das Label bleibt daneben sichtbar, die Bedeutung hängt also nie nur am Symbol, und das Pulsieren stoppt bei reduzierter Bewegung.