Textarea

Form

Several lines of text. With label, hint or error it is a labelled field; with maxLength it counts what is left.

Textarea(bind: …, label: …, hint: …)

Example

state note = "" Textarea(bind: note, label: "Notes", rows: 4, maxLength: 200)

Renders with the class wf-input wf-textarea, stable across releases, so a stylesheet may target it.

Props of Textarea
Prop Type Meaning
bind: State

State variable the control reads and writes (two-way)

label: String

Visible label; also the control's accessible name

hint: String

Help text under the control, linked to it by aria-describedby

error: String

Error text (a string; empty when there is none): announced as it appears and sets aria-invalid

placeholder: String

Hint shown while the field is empty

rows: Number

How many lines it shows

maxLength: Number

The most characters it takes

required: Bool

Whether the form refuses to submit without it

disabled: Bool

Whether the control is inert

Attribute families: global, aria, data, input. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.