Zum Inhalt springen
fend-ui
Vorschau

Textarea

Mehrzeiliges Textfeld mit demselben Rahmen, Fokusring und Invalid-Zustand wie der Input. Mit autoResize wächst die Höhe am Inhalt bis maxRows.

AutoResize

Mit autoResize wächst das Feld am Inhalt und stoppt bei maxRows. field-sizing: content übernimmt das in modernen Browsern; die JS-Messung erzwingt den Deckel und dient als Fallback.

Zustände

Invalid markiert das Feld für Screenreader über aria-invalid und färbt den Rahmen in der Danger-Farbe. Deaktivierte Felder bleiben lesbar, aber nicht editierbar.

Im Field

FieldLabel, Beschreibung und Fehler verbinden sich automatisch mit der Textarea; aria-describedby enthält beide IDs.

Mindestens 20 Zeichen.

Bitte schreibe noch ein paar Wörter.

Playground

AutoResize, Zeilen und Zustand frei kombinieren.

Barrierefreiheit

Die Textarea ist ein natives mehrzeiliges Eingabefeld mit Label, Beschreibung und Fehler aus dem Field-Kontext. Die Touch-Fläche entspricht mindestens der des Inputs.

AutoResize verändert nur die Höhe, nie den Fokus oder die Semantik. Bei reduzierter Bewegung gibt es keine zusätzliche Animation.