Schaltflächen

Theme toggle button

Ein beschrifteter Schalter, der zwischen hell und dunkel umschaltet, die Sonne beim Schweben dreht und das Wort daneben bei jedem Schalter überblendet.

Dark studio

Theme toggle button verwenden

Ein beschrifteter Schalter, der zwischen hell und dunkel umschaltet, die Sonne beim Schweben dreht und das Wort daneben bei jedem Schalter überblendet.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: showLabel, size, accent, spinOnHover, startDark

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2466Add Then Confirm ChipSchaltflächenEin dunkler Chip mit einem warmen Etikett, dessen Plus beim Schweben hin und her wackelt, sich dann in ein Häkchen verwandelt und meldet, dass das Element hinzugefügt wurde.

2115Bookmark save chipSchaltflächenEin kompakter Speicherchip, dessen Lesezeichenmarkierung von der Umrisslinie zur gefüllten Position springt und einen kleinen Zug nach unten ausführt, sobald ein Element gespeichert wird.

2575Bookmark save toggleSchaltflächenEin kompakter Speicherchip, dessen Lesezeichen-Glyphe sich vollständig ausfüllt und nach dem Speichern des Elements einen Haarlinienrand beibehält.

2470Breathing transport toggleSchaltflächenEin getönter Wiedergabechip, der beim Klicken zwischen Wiedergabe und Pause wechselt und dessen Glyphe atmet, während der Zeiger darauf ruht.

2550Captioned Like ButtonSchaltflächenEine nur aus Symbolen bestehende Herzschaltfläche, die beim Schweben oder Fokussieren eine Beschriftung anzeigt, die von unten aufsteigt und sich bei Bedarf schnell ausfüllt.

2675Chat launcher morphSchaltflächenEin runder Werfer, dessen Umriss der Sprechblase sich zu einer engen Markierung zusammenfügt, während seine drei Punkte verschwinden.