Mehrzeiliges Textfeld — ui.textarea
Mehrzeiliges Formularfeld mit Label, Zuständen und Formular-Tokens
UI Elementv1.2.0Formulareweb.documentweb.applicationdesktop.shell
Beispiele
Klein (sm) — dieselbe Höhe wie ui.button--sm
Gross (lg) — dieselbe Höhe wie ui.button--lg
Standard
Mit Wert + Hinweis
Erscheint auf dem Lieferschein.
Fehlerzustand
Begründung ist erforderlich.
Deaktiviert
Pflichtfeld
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
name * | string | — |
value | string | "" |
placeholder | string | "" |
rows | number | 4 |
disabled | boolean | false |
invalid | boolean | false |
hint | string | "" |
size | string: sm | md | lg | "md" |
required | boolean | false |
readonly | boolean | false |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--textarea-background | var(--form-background) |
--textarea-border | var(--form-border) |
Genutzte Design-Tokens
border.hairline color.border.error color.status.danger color.text.default color.text.disabled color.text.muted container.md duration.fast easing.standard focus.ring-color focus.ring-offset focus.ring-width font.family.default form.background form.background-disabled form.border form.border-focus form.border-hover form.error form.placeholder leading.base radius.control shadow.inset size.1 size.2 size.3 size.4 text.lg text.md text.sm text.xs weight.medium