Input Field

type InputDropdownFieldStructure = {
    type: 'input-dropdown';
    optionsList: (trackedFieldValue: any) => {
        label: string;
        value: any;
        isDisabled?: boolean;
        [key: string]: any;
    }[];
    fieldToTrack?: FieldTrackerInterface;
    customKeyInputValue?: string;
    customKeySelectedOptions?: string;
} & Omit<
    InputDropdownProps,
    | 'onChangeInputDropdown'
    | 'selectedOptions'
    | 'inputValue'
    | 'dropdownOptions'
> &
    FieldStructure;

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 labelExample = () => <p>Input dropdown example</p> const schema: FormSchema = { inputDropdownFieldExample: { type: 'input-dropdown', fieldWrapperProperties: { className: 'mb-2' }, fieldLabel: labelExample, optionsList: (trackedFieldValue: any) => [ { value: 'pl', label: 'Poland', }, { value: 'nb', label: 'Norge', }, { value: 'es', label: 'Espania', }, ], }, } render ( <FormWrapper schema={schema} onSubmit={onSubmit} > <Button type='submit' scheme='primary'> Submit </Button> </FormWrapper> )

// 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 labelExample = () => <p>Input dropdown example</p>
const schema: FormSchema = {
    inputDropdownFieldExample: {
        type: 'input-dropdown',
        fieldWrapperProperties: { className: 'mb-2' },
        fieldLabel: labelExample,
        optionsList: (trackedFieldValue: any) => [
            {
                value: 'pl',
                label: 'Poland',
            },
            {
                value: 'nb',
                label: 'Norge',
            },
            {
                value: 'es',
                label: 'Espania',
            },
        ],
    },
}
render (
     <FormWrapper
        schema={schema}
        onSubmit={onSubmit}
    >
        <Button type='submit' scheme='primary'>
            Submit
        </Button>
    </FormWrapper>
)

Result