Eingabefelder

Sliding highlight toggle group

Eine Reihe von Symbolschaltflächen mit einem Hervorhebungsfeld, das unter dem aktiven Symbol gleitet oder im Mehrfachauswahlmodus unabhängig hinter jedem aktiven Symbol ausgeblendet wird.

Active: Star

Sliding highlight toggle group verwenden

Eine Reihe von Symbolschaltflächen mit einem Hervorhebungsfeld, das unter dem aktiven Symbol gleitet oder im Mehrfachauswahlmodus unabhängig hinter jedem aktiven Symbol ausgeblendet wird.

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: mode, iconCount, defaultActive, accent

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

2031Segment Spring LabEingabefelderEine segmentierte Einzelauswahlsteuerung zum Einstellen, wie steif oder locker sich die Feder anfühlt, wenn ihre Spitze zwischen den Segmenten gleitet.

2045Sliding segment toggleEingabefelderEin segmentiertes Einzelauswahl-Steuerelement, bei dem ein Hervorhebungssymbol unter der aktiven Beschriftung gleitet, wenn ein anderes Segment ausgewählt wird.

2002Multi select toggle rowEingabefelderEine Reihe unabhängiger Umschalttasten, wie Textformatierungsoptionen, bei denen eine beliebige Zahl gleichzeitig gedrückt bleiben kann.

2050Spring dot radio groupEingabefelderEine Radiogruppe, deren ausgewählter Punkt mit einem kleinen Überschwinger einspringt, während der vorherige Punkt kleiner wird und sich kreuzt, anstatt einzurasten.

2297Addon Input GroupEingabefelderEin Textfeld, das von einer umrandeten Hülle umgeben ist, die ein führendes Symbol, eine nachgestellte Schaltfläche oder Text enthalten kann und einen gemeinsamen Fokusring für die gesamte Gruppe aufweist.

2108Appointment Range CardEingabefelderEine Karte, die ein Datumsraster für einen Monat mit einem Feld für Startzeit und Endzeit darunter kombiniert, um einen Tag und ein Zeitfenster in einem kompakten Block auszuwählen.