Eingabefelder

Directional theme wipe

Ein Hell-Dunkel-Schalter, der das neue Thema mit einem gerichteten Wischen über den gesamten Rahmen sichtbar macht, statt eines sofortigen Farbwechsels.

Field log

Basin traverse

Elevation, weather, and waypoints saved automatically as the group moves.

14.2 km820 m gain

Directional theme wipe verwenden

Ein Hell-Dunkel-Schalter, der das neue Thema mit einem gerichteten Wischen über den gesamten Rahmen sichtbar macht, statt eines sofortigen Farbwechsels.

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: direction, wipeDuration, 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

2780Shape wipe theme toggleEingabefelderEine Schaltfläche mit Sonnen- und Mondsymbolen, die das Panel-Thema mit einem Formwischer wechselt, der von der Schaltfläche aus wächst, die Farben bei voller Abdeckung austauscht und dann wieder verschwindet.

1980Icon crossfade switchEingabefelderEin Kippschalter, dessen Daumensymbol ausgeblendet und in ein anderes Symbol skaliert wird, wenn der Schalter zwischen Aus und Ein wechselt.

2058Sun Moon SwitchEingabefelderEin Pillenschalter, dessen Daumen zwischen zwei Ruhepositionen gleitet, während ein Sonnensymbol und ein Mondsymbol, die die Spur flankieren, passend ein- und ausgeblendet werden.

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.

2109Appointment Scheduler CardEingabefelderEine einzelne Datumsauswahl, eingerahmt in einer betitelten Karte mit einer Schaltfläche „Zu heute springen“ in der Ecke, gestaltet für die Buchung eines Termins.