TextArea

Use text areas for multi-line text entry with renderer-owned resize and field chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: textarea

Preview + Code

Message

Code

String message = '';

TextArea(
  label: 'Message',
  placeholder: 'Type your message',
  rows: 4,
  value: message,
  onChange: setMessage,
)

TextArea#

Use text areas for multi-line text entry with renderer-owned resize and field chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/text_input.dart

See the Component Catalog for the full exported surface and source mapping.

TextArea

Use text areas for multi-line text entry with renderer-owned resize and field chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: textarea

Preview + Code

Message

Code

String message = '';

TextArea(
  label: 'Message',
  placeholder: 'Type your message',
  rows: 4,
  value: message,
  onChange: setMessage,
)

TextArea#

Use text areas for multi-line text entry with renderer-owned resize and field chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/text_input.dart

See the Component Catalog for the full exported surface and source mapping.

TextArea

Use text areas for multi-line text entry with renderer-owned resize and field chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: textarea

Preview + Code

Message

Code

String message = '';

TextArea(
  label: 'Message',
  placeholder: 'Type your message',
  rows: 4,
  value: message,
  onChange: setMessage,
)

TextArea#

Use text areas for multi-line text entry with renderer-owned resize and field chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/text_input.dart

See the Component Catalog for the full exported surface and source mapping.