react-code-input icon indicating copy to clipboard operation
react-code-input copied to clipboard

support for style components

Open SrwaHariri opened this issue 4 years ago • 0 comments

i figured it out !

we can actually assign style component to it , my code setting :

 const ReactCodeInputStyling = styled(ReactCodeInput)`
border: 2px solid green;
`
    const props = {
        inputStyle: {
        width: '22px',
        height: '45px',
        margin: '0 2.5px',
        background: 'grey',
        fontSize: '32px',
        textAlign: 'center',
        textTransform: 'uppercase',
        border: '0',
        borderRadius: '2px',
      },
      }
<ReactCodeInputStyling fields={4}  type="string" {...props} />

SrwaHariri avatar Apr 08 '21 08:04 SrwaHariri