TextInput

Use text inputs for simple labeled text entry while renderer packages own the field density and border treatment.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: input

Preview + Code

Email

Code

String email = '';

TextInput(
  label: 'Email',
  placeholder: 'name@example.com',
  value: email,
  onChange: setEmail,
)

TextInput#

Use text inputs for simple labeled text entry while renderer packages own the field density and border treatment.

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.

TextInput

Use text inputs for simple labeled text entry while renderer packages own the field density and border treatment.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: input

Preview + Code

Email

Code

String email = '';

TextInput(
  label: 'Email',
  placeholder: 'name@example.com',
  value: email,
  onChange: setEmail,
)

TextInput#

Use text inputs for simple labeled text entry while renderer packages own the field density and border treatment.

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.

TextInput

Use text inputs for simple labeled text entry while renderer packages own the field density and border treatment.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: input

Preview + Code

Email

Code

String email = '';

TextInput(
  label: 'Email',
  placeholder: 'name@example.com',
  value: email,
  onChange: setEmail,
)

TextInput#

Use text inputs for simple labeled text entry while renderer packages own the field density and border treatment.

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.