Checkbox Field

type CheckboxFieldStructure = {
    type: 'checkbox';
    optionsList?: (trackedFieldValue: any) => Option[];
    fieldToTrack?: FieldTrackerInterface;
    fieldsetProperties?: JSX.IntrinsicElements['fieldset'];
    elementProperties?: JSX.IntrinsicElements['input'];
    singleCheckboxLabel?: ReactNode;
    conditionalRender?: {
        conditionalFields: ConditionalType[];
        conditionalRulesChainOption?: 'AND' | 'OR';
    };
    fieldWrapperProperties?: JSX.IntrinsicElements['div'];
    fieldLabel?: (name: string) => ReactNode;
    validations?: Validation;
    ariaRequired?: boolean;
    disabled?: boolean;
}

Live Editor

// You can play with code, with HTML tags and text as much as you want!
async function onSubmit(values, form, callback) {
    await(300);
    alert(JSON.stringify(values));
}
const checkboxOptions = () => [
    { label: 'Pizza', value: 'pizza' }
    { label: 'Burger', value: 'burger' }
    { label: 'Taco', value: 'taco' }
]
const schema: FormSchema = {
    checkboxExample: {
        type: 'checkbox',
        fieldWrapperProperties: { className: 'mb-2' },
        optionsList: checkboxOptions
    },
    singleCheckboxExample: {
        type: 'checkbox',
        fieldWrapperProperties: { className: 'mt-10' },
        singleCheckboxLabel: 'Single Checkbox will give boolean as submitted value :) '
    }
}
render (
     <FormWrapper
        schema={schema}
        onSubmit={onSubmit}
        childrenRender={() =>
            <Button type='submit' scheme='primary'>
                Submit
            </Button>}
    />
)

// You can play with code, with HTML tags and text as much as you want!
async function onSubmit(values, form, callback) {
    await(300);
    alert(JSON.stringify(values));
}
const checkboxOptions = () => [
    { label: 'Pizza', value: 'pizza' }
    { label: 'Burger', value: 'burger' }
    { label: 'Taco', value: 'taco' }
]
const schema: FormSchema = {
    checkboxExample: {
        type: 'checkbox',
        fieldWrapperProperties: { className: 'mb-2' },
        optionsList: checkboxOptions
    },
    singleCheckboxExample: {
        type: 'checkbox',
        fieldWrapperProperties: { className: 'mt-10' },
        singleCheckboxLabel: 'Single Checkbox will give boolean as submitted value :) '
    }
}
render (
     <FormWrapper
        schema={schema}
        onSubmit={onSubmit}
        childrenRender={() =>
            <Button type='submit' scheme='primary'>
                Submit
            </Button>}
    />
)

Result