ArcaneOtpInput#

One-time password input with separate digit fields for verification codes.

Basic Usage#

ArcaneOtpInput(
  length: 6,
  onComplete: (code) => verifyCode(code),
)

Property	Type	Default	Description
`length`	`int`	`6`	Number of digits
`onComplete`	`Function(String)?`	-	Called when all digits filled
`onChange`	`Function(String)?`	-	Called on any change
`value`	`String?`	-	Initial value
`obscure`	`bool`	`false`	Hide digits like password
`size`	`OtpInputSize`	`md`	Size variant
`disabled`	`bool`	`false`	Disable input
`error`	`String?`	-	Error message
`label`	`String?`	-	Label above input
`separator`	`String?`	-	Separator character
`separatorPosition`	`int?`	-	Where to show separator

ArcaneOtpInput.fourDigit(
  onComplete: (code) => verifyPin(code),
)

ArcaneOtpInput.sixDigit(
  onComplete: (code) => verify2FA(code),
)

ArcaneOtpInput(
  length: 6,
  separator: '-',
  separatorPosition: 3,
  onComplete: (code) => verify(code),
)

ArcaneOtpInput(length: 4, size: OtpInputSize.sm)
ArcaneOtpInput(length: 4, size: OtpInputSize.md)
ArcaneOtpInput(length: 4, size: OtpInputSize.lg)