Skip to main content

Skeletons.Textarea

A multi-line text input. Extends Entry with textarea-specific behavior — row sizing, enter key handling, and escape-to-remove support. Autocomplete is disabled by default.


Signature

Skeletons.Textarea(props, style?)

Common Props

Inherits all props from Skeletons.Entry plus:

PropTypeDescription
rowsNumberNumber of visible rows
ignoreEnterBooleantrue to prevent Enter from submitting — allows newlines instead
removeOnEscapeBooleantrue to remove the element when Escape is pressed
volatilityNumber1 to mark the field as volatile — changes trigger re-evaluation
valueStringInitial text content
nameStringModel key this textarea is bound to
requireStringValidation type — e.g. "any"
modeString"commit" to trigger service on submit
bubbleNumber0 to prevent event bubbling
preselectNumber1 to select all text on focus
sys_pnStringNamed part
uiHandlerWidgetRoutes interaction events to onUiEvent
partHandlerWidgetRoutes part lifecycle events to onPartReady

Example

Skeletons.Textarea({
className: `${fig}__input`,
sys_pn: "entry",
name: "my-field",
value: ui.mget("my-field"),
require: "any",
mode: "commit",
rows: ui.rowsCount(value),
bubble: 0,
volatility: 1,
preselect: 1,
ignoreEnter: true,
removeOnEscape: true,
uiHandler: ui,
partHandler: ui,
});

Entry vs Textarea

FeatureEntryTextarea
Single line
Multi-line
rows prop
ignoreEnter
removeOnEscape
volatility