current version

Ant Design provides components from Ant Design Design System.

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


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' />}