Textarea
A multi-line text control bound to a model field.
The server counts the characters on every change.
Each preview is its own Live page in a frame, because this site is a Vue 3.5 app built on the Pulsar starter kit. An open list or popover stays inside its frame; in your application it opens over the page.
Installation
suprnova live:add textareaUsage
{% import "suprnova-ui/textarea/textarea.html" as textarea %}
{% call textarea::textarea("bio", rows=4, value=bio) %}{% endcall %}Examples
Rows
A taller textarea whose lines the server counts.
Keyboard and accessibility
suprnova.textarea - a native textarea bound to a model path; value is the island's current text, rendered as the content (FORM-009), and authority marks a server correction (Live spec 12). A line feed follows the start tag because the HTML parser drops the first one there, so a value that begins with a line feed keeps it.
API reference
textarea
| Parameter | Default | Description |
|---|---|---|
name | Required | The model field the textarea binds; also its `id` and `name`. |
rows | 4 | The visible number of lines. |
placeholder | "" | Placeholder text. |
required | false | Marks the control required. |
value | "" | The island's current value of the field, so the control shows it. |
authority | "" | A correction sequence. When set, this render replaces the visitor's unsent edit. |