klp-ekyc-reactjs

Ekyc Reactjs

Demo + Docs

Demo Code

<Ekyc 
  appToken="[APP_TOKEN]"
  errorMessages="[CUSTOM_ERROR_MESSAGES]"
  renderResult={true}
  snapshotBy="input_capture"
  successFunc={(resultData) => {
      console.log(resultData);
  }}
  style="[CUSTOM_STYLES]"
  handleResult="socket"
  animation={true}>
  {(startFunc) => (<div style={{
      display: 'flex',
      minHeight: '667px',
      alignItems: 'center'
  }}>
      <div>
          <img src={'https://gcdn.pbrd.co/images/gAqOAej7dmnw.png'}
               style={{width: '75%'}}/>
          <img id="banner_image" src={'https://gcdn.pbrd.co/images/mTo0DcJyGIKq.png'}
               style={{width: '100%', margin: '16px 0px 32px'}}
          />
          <button id="start_button" className="btn btn-lg btn-primary"
                  style={{
                      width: '100%',
                      borderRadius: '48px',
                      border: '2px solid rgba(255, 255, 255, 0.25)',
                      backgroundColor: '#002e5b',
                      backgroundImage: 'linear-gradient(315deg, #ec9f05 0%, #ff4e00 74%)'
                  }} onClick={startFunc}>Bắt đầu
          </button>
      </div>
  </div>)}
</Ekyc>