Schaltflächen

Breathing transport toggle

Ein getönter Wiedergabechip, der beim Klicken zwischen Wiedergabe und Pause wechselt und dessen Glyphe atmet, während der Zeiger darauf ruht.

Breathing transport toggle verwenden

Ein getönter Wiedergabechip, der beim Klicken zwischen Wiedergabe und Pause wechselt und dessen Glyphe atmet, während der Zeiger darauf ruht.

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: accent, playing, breathSpeed, tint

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.

2602Breathing CTA pillSchaltflächenEin Aufruf zum Handeln mit rundem Ende, der beim Schweben anschwillt und sich in einen langsamen, atmenden Puls von Größe und Helligkeit verwandelt, bis der Zeiger weggeht oder die Taste gedrückt wird.

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.