Schaltflächen

Format toggle button

Eine Symbolschaltfläche, die den Ein- oder Ausschaltzustand beibehält und beim Drücken eine abgerundete Platte hinter ihrem Glyphen einblendet.

Bold active

Format toggle button verwenden

Eine Symbolschaltfläche, die den Ein- oder Ausschaltzustand beibehält und beim Drücken eine abgerundete Platte hinter ihrem Glyphen einblendet.

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: variant, size, accent, startPressed, showCaption

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

1644Press plate toggleSchaltflächenEine bloße Schaltfläche mit zwei Zuständen, deren gefüllte Platte beim Drücken hinter dem Inhalt eingeblendet wird, wobei der Zustand von außerhalb der Schaltfläche selbst lesbar und einstellbar ist.

2208Pressable icon toggleSchaltflächenEine Schaltfläche mit einem Symbol und einer Beschriftung, die nach dem Klicken optisch gedrückt bleibt, für eine eigenständige Ein- oder Ausschaltaktion wie Stummschalten oder Fettdruck.

1640Latching icon toggleSchaltflächenEin quadratischer Knopf, der ein- und ausgeschaltet werden kann: Eine gefüllte Platte wird eingeblendet, die Glyphe wird durch das entsprechende Gegenstück ersetzt und eine Beschriftung daneben verdeutlicht den Zustand in Worten.

1647Pressed highlight toggleSchaltflächenEine Symbolschaltfläche mit zwei Zuständen, die ihren gedrückten Zustand mit einem abgerundeten Hervorhebungsblock sichtbar hält, der von der Mitte nach außen hinter dem Glyphen wächst.

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.