Skip to content

ComponentsTextarea

Components

Textarea

Multi-line entry with the field paint, autosize, vertical resize, mono and animated example placeholders.

Field

Padding 8 / 12, radius 8, 14/20 text, min-height 80. States as Input: hover ring, focus shadow, danger ring, .4 disabled.

default
resize vertical
mono (setup script)
invalid
disabled
size lg

Autosize

field-sizing: content (Chromium) with a JS fallback elsewhere. The settings instance is 88px empty, grows to 160px, then scrolls.

Animated placeholder

An aria-hidden overlay instead of the native placeholder (mirrored to aria-placeholder). visit picks one example per mount; cycle rotates while the field is empty and unfocused, with a 200ms reveal (instant with reduced motion).

visit (default)
cycle · 2.5s

Light and dark

light
dark