> 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.
npm install @s-ui/react-molecule-validation-code> 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.
``sh`
$ npm install @s-ui/react-molecule-validation-code
`js
import MoleculeValidationCode from '@s-ui/react-molecule-validation-code'
return (
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';
`js`
onChange={onChangeHandler}
defaultValue={code}
/>
`js`
onChange={onChangeHandler}
defaultValue={code}
/>
`js`
onChange={onChangeHandler}
defaultValue={code}
/>
`js`
onChange={onChangeHandler}
defaultValue={code}
/>
`js`
onChange={onChangeHandler}
defaultValue={code}
/>
`js`
onChange={onChangeHandler}
defaultValue={code}
/>
`js`
onChange={onChangeHandler}
defaultValue={code}
/>
`js``
-
> Find full description and more examples in the demo page.