Eingabefelder

Autosize text field

Eine mehrzeilige Texteingabe, die größer wird, wenn die Person tippt, bis zu einer großzügigen Grenze, mit einem Akzentfokusring und einem deaktivierten Status.

Message0 characters

Enter adds a new line. The field grows as you type and scrolls once it reaches its limit.

Autosize text field verwenden

Eine mehrzeilige Texteingabe, die größer wird, wenn die Person tippt, bis zu einer großzügigen Grenze, mit einem Akzentfokusring und einem deaktivierten Status.

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, rows, disabled, 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

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

2808Latching square toggleEingabefelderEine kompakte, quadratische Symbolschaltfläche, die zwischen einem schwach umrissenen Aus-Zustand und einem durchgehenden, mit Akzenten gefüllten, gedrückten Zustand wechselt.

2772Model picker prompt boxEingabefelderEin Eingabeaufforderungs-Composer mit einem automatisch wachsenden Feld, einem Dropdown-Menü zur Auswahl des Assistenten, der die Anfrage bearbeitet, einem Steuerelement zum Anhängen und einer Sendeaktion.

2778Search Composer FieldEingabefelderEin Nachrichtenfeld, das mit Ihrer Eingabe wächst, mit einem Suchschalter, dessen Beschriftung sich öffnet, und einer Sendeaktion, die aktiviert wird, sobald Text vorhanden ist.

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.