Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui2 dependencies

Textarea

textarea

Multi-line field with an optional character readout and auto-grow.

Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Input's shape and label behaviour for text that runs to more than one line. `limit` renders a `84 / 125` readout that shifts muted to warning at 90% and error past 100%, and deliberately leaves maxLength unset: a hard stop mid-word produces worse text than an overlong sentence. The readout is aria-hidden, because announcing a new number on every keystroke makes a field unusable with a screen reader, so pass `limitDescription` to state the target once through aria-describedby. `autoGrow` is off by default -- it is right for a field that owns its column and wrong inside a virtualised row, where every row must stay the same height. `counterTone` and `countCharacters` are exported so a count rendered elsewhere (a grid tile, a table row) matches the field instead of inventing a second set of thresholds.
2 other registries

Similar components

Other registries' take on textarea.

@whiskeyjack

More from @whiskeyjack