Schaltflächen

Press plate toggle

Eine 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.

Off

Press plate toggle verwenden

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: startPressed, accent, radius, fadeMs, showControls

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

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

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.

2473Follow latch chipSchaltflächenEin Follow-Chip, der beim Schweben eine Vorschau seines gefüllten Zustands anzeigt und beim Klicken dort einrastet. Wenn er erneut mit der Maus darüber bewegt wird, wechselt er zu einer Unfollow-Eingabeaufforderung in einem Warnton.

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.