Skip to content

components textarea

GitHub Actions edited this page Sep 18, 2026 · 2 revisions

components/textarea

Import: import { Textarea } from "@tundralibs/ui/textarea"

Rendered in every variant on the catalogue (deno task build:demos, then demo/index.html). Guides: Getting started · rAPId integration · Theming.

Functions

Textarea

Textarea(props: TextareaProps): Html

Types

TextareaProps

Prop Type Required Description
id string
name string
value string
placeholder string
rows number
disabled boolean
readonly boolean
required boolean
invalid boolean
extraClass string
attrs Attrs

Usage

Each example as the rAPId call and the HTML it renders — the markup a plain page writes by hand. Icons are inline SVG in the real output; they are shortened to <svg …>…</svg> here.

A note

Textarea({ id: "note", name: "note", rows: 4, placeholder: "Anything the customer should know…" })
<textarea class="input textarea" id="note" name="note" placeholder="Anything the customer should know…" rows="4"></textarea>

CSS hooks

Classes defined by components/textarea/textarea.css — structural, token-driven; override from an unlayered stylesheet (see Theming):

.textarea

Clone this wiki locally