Form Builder Schema (Draft). Build Form Based on schema

FormBuilderSchemaSample.js

export const schema = {

    name: {
        type: 'text',
        label: 'Name',
        id: 'Name',
        placeholder: '',
        value: ''
    },

    sex: {
        type: 'radio',
        label: 'sex',
        options: [

            {
                label: 'Male',
                value: 'male'
            },

            {
                label: 'Female',
                value: 'female'
            },

            {
                label: 'Other',
                value: 'other'
            }
        ],
        default: 'male',
    },

    email: {
        type: 'email',
        label: 'Email',
        id: 'email',
        placeholder: 'Email',
        value: ''
    },

    city: {
        type: 'select',
        label: 'City',
        id: 'City',
        placeholder: 'City',
        options: [
            {
                label: 'Sylhet',
                value: 'sylhet'
            },
            {
                label: 'Dhaka',
                value: 'Dhaka'
            }
        ],
    },

    phone: {
        type: 'tel',
        label: 'Phone',
        id: 'phone',
        placeholder: 'phone',
    },

    profile_photo: {
        type: 'image',
        label: 'Profile Photo',
        id: 'profile_photo',
        placeholder: 'Profile Photo',
        showPreview: true
    },

    intro_video: {
        type: 'video',
        label: 'Intro video',
        id: 'intro_video',
        placeholder: 'Intro video',
        showPreview: true
    }
};