Molecules

Input Code

Render separated boxes to enter a code.

Prop Name	Type	Description
requestCode	(value: string) => void;	This method will be triggered when the code text reached the maxLengthCode
maxLengthCode	number	This number indicates how many input code boxes should be rendered. Default: 6
placeholder	string (optional)	Text placeholder for each input code box. Default: '-'

Prop Name

Type

Description

requestCode

(value: string) => void;

This method will be triggered when the code text reached the maxLengthCode

maxLengthCode

number

This number indicates how many input code boxes should be rendered.

Default: 6

placeholder

string (optional)

Text placeholder for each input code box.

Default: '-'

<InputCode
   maxLengthCode=6
   requestCode={requestCode}
/>

Last updated 1 year ago