Textarea

A multi-line input with an optional character limit.

Examples

With a limit

Bio

28 of 80 characters

API

Prop	Type	Default
`label` Visible label, linked to the control.	`string`	—
`hint` Help text under the control, announced as its description.	`string`	—
`error` `true` marks the control invalid; a string also shows it as the message, replacing the hint.	`string \| boolean`	—
`maxLength` Character limit. Shows a live counter and flags values already over it.	`number`	—
`optional` Appends the `optional` translation to the label.	`boolean`	`false`
`disabled` Disables the control.	`boolean`	`false`
`rows` Visible text lines.	`number`	`4`
`id` Id for the control; generated with `useId()` when omitted.	`string`	—
`modelValue` The value.	`string`	—

Event	Payload
`update:modelValue` `v-model:modelValue` update.	`[value: string \| undefined]`

Styling

Parts: fieldfield-labelfield-optionaltextareafield-footerfield-countfield-message
States: data-field-errordata-field-count-exceededdata-field-tone

Accessibility

Values over the limit are flagged, not truncated.