MoleculeValidationCode

> MoleculeValidationCode implements the AtomMoleculeValidationCode and adds it more features such as, clear button, send button and resend button. It also provides a label to provide information to the user.

Installation

``sh
$ npm install @s-ui/react-molecule-validation-code
`

Usage

$3

`js
import MoleculeValidationCode from '@s-ui/react-molecule-validation-code'

return (
sendButtonTextLabel="Send"
deleteButtonTextLabel="Delete"
labelText="Your verification code"
resendButtonTextLabel="Resend"
onChange={onChangeHandler}
/>
)
`

#### Import the styles (Sass)

`css
@import '~@s-ui/theme/lib/index';
/ @import 'your theme'; /
@import '~@s-ui/react-molecule-validation-code/lib/index';
`

$3

`js
placeholder="A"
onChange={onChangeHandler}
defaultValue={code}
/>
`

$3

`js
isPassword
onChange={onChangeHandler}
defaultValue={code}
/>
`

$3

`js
size="medium"
onChange={onChangeHandler}
defaultValue={code}
/>
`

$3

`js
lenth={6}
onChange={onChangeHandler}
defaultValue={code}
/>
`

$3

`js
mask="NUMBER"
onChange={onChangeHandler}
defaultValue={code}
/>
`

$3

`js
disabled
onChange={onChangeHandler}
defaultValue={code}
/>
`

$3

`js
status="error"
onChange={onChangeHandler}
defaultValue={code}
/>
`

$3

`js

-

``

> Find full description and more examples in the demo page.