ArcaneOtpInput

Use OTP inputs for short segmented verification codes and other fixed-length token entry.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: input-otp

Preview + Code

Code

String code = '123456';

ArcaneOtpInput.sixDigit(
  value: code,
  onChange: setCode,
)

ArcaneOtpInput#

Use OTP inputs for short segmented verification codes and other fixed-length token entry.

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/otp_input.dart

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

ArcaneOtpInput

Use OTP inputs for short segmented verification codes and other fixed-length token entry.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: input-otp

Preview + Code

Code

String code = '123456';

ArcaneOtpInput.sixDigit(
  value: code,
  onChange: setCode,
)

ArcaneOtpInput#

Use OTP inputs for short segmented verification codes and other fixed-length token entry.

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/otp_input.dart

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

ArcaneOtpInput

Use OTP inputs for short segmented verification codes and other fixed-length token entry.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: input-otp

Preview + Code

Code

String code = '123456';

ArcaneOtpInput.sixDigit(
  value: code,
  onChange: setCode,
)

ArcaneOtpInput#

Use OTP inputs for short segmented verification codes and other fixed-length token entry.

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/otp_input.dart

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