Entrada de código de reação
...
<ReactCodeInput type='password' fields={6} />
...
Light Leopard
...
<ReactCodeInput type='password' fields={6} />
......
<ReactCodeInput type='text' fields={6} />
......
<ReactCodeInput type='number' fields={6} />
......
<ReactCodeInput type='number' fields={6} />
......
<ReactCodeInput type='number' fields={6} />
......
<ReactCodeInput type='number' fields={6} />
......
<ReactCodeInput type='number' fields={6} />
......
<ReactCodeInput type='number' fields={6} />
...import { reactCodeInput } from 'CodeInputField.scss'
...
const props = {
className: reactCodeInput,
inputStyle: {
fontFamily: 'monospace',
margin: '4px',
MozAppearance: 'textfield',
width: '15px',
borderRadius: '3px',
fontSize: '14px',
height: '26px',
paddingLeft: '7px',
backgroundColor: 'black',
color: 'lightskyblue',
border: '1px solid lightskyblue'
},
inputStyleInvalid: {
fontFamily: 'monospace',
margin: '4px',
MozAppearance: 'textfield',
width: '15px',
borderRadius: '3px',
fontSize: '14px',
height: '26px',
paddingLeft: '7px',
backgroundColor: 'black',
color: 'red',
border: '1px solid red'
}
}
...
<ReactCodeInput type='number' fields={6} {...props}/>
......
<ReactCodeInput type='number' fields={6} />
...