Ant Design

Ant Design provides components from Ant Design Design System.

npm install --save @data-driven-forms/ant-component-mapper

or

yarn add @data-driven-forms/ant-component-mapper

Ant Design has to be installed seperately. Please follow their guidelines.

Ant Design provides an option to validate a field when the component is mounted. Just set validateOnMount to true.

{
    component: 'text-field',
    name: 'required-field',
    validate: [{type: 'required'}],
    validateOnMount: true
}

This field will show the error immediately.

Ant Design provides horizontal and vertical layouts for form. Layout can be specified by passing a layout prop to formTemplate. By default it is set to vertical.

<FormTemplate layout='horizontal' />}