AuthCode

In progress

A one-time password (OTP) is an automatically generated numeric or alphanumeric string of characters that authenticates a user for a single transaction or login session.

AuthCode

Default

Custom length

Only digits

Error state

Provided value is not valid!

Stretch

Props

NameTypeRequiredDefaultDescription
lengthnumberNo6Number of inputs for inserting single values.
onlyDigitsbooleanNofalseIf true, inputs would allow only digit values. Default is alphanumeric.
stretchbooleanNofalseIf true, inputs would get streched to fill the available width
placeholderstringNo-Default placeholder for input elements.
errorMessagestringNo-Puts element in error state and displays the message.
onChangefunctionNo-Callback function that gets triggered on single value change.
onSubmitfunctionNo-Callback function that gets triggered when all single values are entered.