# KycForm
`KycForm`.

![size](https://img.shields.io/bundlephobia/min/@propellerads/kyc-form.svg)
![](https://img.shields.io/npm/v/@propellerads/kyc-form.svg?style=flat-square)

[NPM](https://www.npmjs.com/package/@propellerads/kyc-form) |
[Github](https://github.com/propellerads/ui-components/tree/master/Components/KycForm)

## Installation
* `yarn add @propellerads/kyc-form` or `npm install @propellerads/kyc-form -S`

### How to use
* `import KycForm from '@propellerads/kyc-form';`
* And render
```
<KycForm
    elementId="kyc-form-component"
    title="PropellerAds is integrating KYC systems into the business processes. To continue working we kindly ask you to provide the following documents:"
    uploadButtonLabel="Send documents"
    uploaderLabels={{
        title: 'Drag the file here or',
        action: 'upload from your computer',
        oversizeError: 'File is too big',
    }}
    documentsLabels={
        [DOCUMENT_TYPES.CARD]: {
            title: 'Photo of the account owner’s ID card.',
            description: '(Passport/driver’s license/aadhar card etc.)',
        }
    }
    documents={[{
        type: DOCUMENT_TYPES.ID,
        parts:[{
            type: PART_TYPES.ID_FRONT,
        }, {
            type: PART_TYPES.ID_BACK,
        }],
    }]}
    onUploadClick={console.log}
/>
```