Pin Code

import

import { PinCode } from '@bone-ui/pin-code'

Basic

Loading...

function Demo() { const [value, setValue] = useState(['', '', '', '']) return ( <PintCode // containerCSS={{ spaceX10: true }} // colorScheme="red400" // disabled // mask rounded-0 // size={80} // placeholder="" value={value} onChange={(newValue) => { setValue(newValue) }} /> ) }

function Demo() {
  const [value, setValue] = useState(['', '', '', ''])
  return (
    <PintCode
      // containerCSS={{ spaceX10: true }}
      // colorScheme="red400"
      // disabled
      // mask
      rounded-0
      // size={80}
      // placeholder=""
      value={value}
      onChange={(newValue) => {
        setValue(newValue)
      }}
    />
  )
}

LIVE DEMO