Findy form

Demo

https://experium.github.io/findy-forms/

https://experium.github.io/findy-forms/form/:vacancyId

<Form />

<Form
    fields={fields}
    onSubmit={values => console.log(values)}
    opd='Personal Data Agreement'
    opdLabel='offerta'
    postFileUrl='/file'
    getFileUrl={id => `/file/${id}`}
/>

Form components

Props

• fields: form fields array

• initialValues: form values

• formRender: custom form fields array renderer

• onSubmit: onSubmit handler will be called when form will be submitted

• apiUrl: api url

• postFileUrl: post file url

• getFileUrl: get file url function

• company: company id for form state

• language: language state

• languageOrigin: language phone state

• translations: i18n translation object expand or replace

• allowFileExtensions: allow file settings for document types

• submitting: loading

• serverErrors: errors object

• opd: personal data agreement text

• opdSettings: personal data agreement settings object

• htmlOpd: personal data agreement html template

• getOpdValues: personal data agreement html template values map

• opdSubmitDisabled: disable submit with no opd

• htmlAttrs: html attrs for fields

Form fields

const fields = [
    {
        'type': 'choice',
        'field': 'k6g4lxj3',
        'required': true,
        'label': 'Choice',
        'settings': {
            'choices': [
                {
                    'id': 'k6g4lzcn',
                    'value': 'Choice 1'
                },
                {
                    'id': 'k6g4m5d9',
                    'value': 'Choice 2'
                },
                {
                    'id': 'k6g4m6qt',
                    'value': 'Choice 3'
                }
            ],
            'multiple': true
        }
    }
];

Form field types

• text
• email
• personalDataAgreement
• dictionary
• phone
• boolean
• choice
• country
• city
• date
• file