Molecules

Input Code

Description

Render separated boxes to enter a code.

Props

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: '-'

Usage

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

Component

Input Code