Eingabefelder

Sliding segment toggle

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

Sliding segment toggle verwenden

Ein segmentiertes Einzelauswahl-Steuerelement, bei dem ein Hervorhebungssymbol unter der aktiven Beschriftung gleitet, wenn ein anderes Segment ausgewählt 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: variant, size, accentColor

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

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

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

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

1932Check draw toggleEingabefelderEin quadratisches Kontrollkästchen, dessen Häkchen sich beim Aktivieren Strich für Strich selbst zeichnet, mit sanftem Drücken und Hover-Skala.

1934Checkmark draw checkboxEingabefelderEin quadratisches Kontrollkästchen, das auf eine Prüfung antwortet, indem es Strich für Strich ein Häkchen zeichnet und stattdessen einen kurzen Strich anzeigt, wenn sein Status nur teilweise festgelegt ist.

1951Dot radio listEingabefelderEine vertikale Liste von Radiooptionen mit kreisförmigen Indikatoren, wobei die Auswahl einer Option mit einem Punkt gefüllt und der Rest gelöscht wird.