Eingabefelder

Springing radio group

Eine Radiogruppe, bei der der ausgewählte Punkt mit einer kleinen Überschreitung aus dem Nichts hervorspringt, während der vorherige kleiner wird und jeder Ring unter dem Zeiger leicht wächst.

Springing radio group verwenden

Eine Radiogruppe, bei der der ausgewählte Punkt mit einer kleinen Überschreitung aus dem Nichts hervorspringt, während der vorherige kleiner wird und jeder Ring unter dem Zeiger leicht wächst.

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, orientation, ringSize, bounce, showDescriptions

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

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.

2801Compact select menuEingabefelderEine Auslöseschaltfläche, die eine schwebende Auswahlliste öffnet, wobei die aktuelle Auswahl auf der Schaltfläche und ein Häkchen daneben in der Liste angezeigt werden.

2023Radio dot selectEingabefelderEine vertikale Optionsgruppe, bei der durch Auswahl einer Option ein Punkt in den Kreis eingefügt wird, während der vorherige Punkt kleiner wird und verschwindet.

2782Stacked option checklistEingabefelderEine gestapelte Liste beschrifteter Kontrollkästchen, die eine gemeinsame Auswahl haben, mit einer laufenden Zählung der Anzahl ausgewählter Elemente.

2783Styled native dropdownEingabefelderEine native Auswahl mit benutzerdefiniertem Rahmen, Fokusring und Chevron neu gestaltet, während das Betriebssystem weiterhin das Optionsmenü und das Tastaturverhalten bereitstellt.

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.