Eingabefelder

Curved input bar

Ein Pillentextfeld, das in einem sanften Aufwärtsbogen gebogen ist, wobei der eingegebene Text, die Einfügemarke und die Schaltfläche „Senden“ derselben Kurve folgen.

Waitlist

Curved input bar verwenden

Ein Pillentextfeld, das in einem sanften Aufwärtsbogen gebogen ist, wobei der eingegebene Text, die Einfügemarke und die Schaltfläche „Senden“ derselben Kurve folgen.

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: placeholder, buttonText, accent, bend

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

1529Floating label inputEingabefelderEin Textfeld, dessen Beschriftung innerhalb des Felds liegt und beim Fokussieren oder sobald das Feld einen Wert hat, an den oberen Rand ansteigt, mit fokussiertem, gültigem und ungültigem Aussehen.

2792Auto Grow TextareaEingabefelderEin mehrzeiliges Textfeld, das größer wird, wenn die Person mehr tippt, anstatt in einem festen Feld zu scrollen.

2760Character budget counterEingabefelderEin Schreibfeld mit einer Anzeige für die verbleibenden Zeichen, die auf eine Feder schlägt und sich in der Farbe erwärmt, wenn das Budget aufgebraucht ist.

2321Clean Text FieldEingabefelderEine schnörkellose, umrandete Texteingabe für ein beschriftetes Formular: neutral im Ruhezustand, ein klarer Akzentring im Fokus, stummgeschaltet, wenn deaktiviert.

2795Elastic tug sliderEingabefelderEin Schieber, der sich wie ein Gummiband dehnt, wenn er über seine Enden gezogen wird, und den Track nach dem Loslassen mit einem Sprung zurückschnappt.

2356Focus ring text inputEingabefelderEin einzeiliges Textfeld mit einem gedämpften Platzhalter und einem durchgehenden Akzentring, der nur bei Fokus angezeigt wird.