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

Ant Design React component mapper for Data Driven Forms.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@data-driven-forms/ant-component-mapper
221153.18.1121 days ago2 years agoMinified + gzip package size for @data-driven-forms/ant-component-mapper in KB

Readme

npm version Tweet Twitter Follow
Data Driven Form logo
Ant Design component mapper for Data Driven Forms.
:book: For more information please visit the documentation. :book:
Table of Contents
- React Form Renderer - ANT mapper

More information

For more information please check the root repository or our documentation page.

Installation

You need to add React Form Renderer

React Form Renderer

$ npm install @data-driven-forms/react-form-renderer -S

$ yarn add @data-driven-forms/react-form-renderer

Optionally you can install one of provided mappers:

ANT mapper

$ npm install @data-driven-forms/ant-component-mapper -S

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

Usage

For using Data Driven Forms in your component you need the renderer and a component mapper, which provides formFields components and layoutFields components.
import React from 'react';
import { FormRenderer, componentTypes } from '@data-driven-forms/react-form-renderer';
import { componentMapper, layoutMapper } from '@data-driven-forms/ant-component-mapper';

const schema = {
  fields: [{
    component: componentTypes.TEXT_FIELD,
    name: 'name',
    label: 'Your name'
  }]
}

const Form = () => (
  <FormRenderer
    schema={schema}
    componentMapper={componentMapper}
    layoutMapper={layoutMapper}
    onSubmit={console.log}
  />
)

Basic provided components

Data Driven Forms supports all kinds of component, basic set is consisted of:

Useful links

- React Form Renderer - MaterialUI Mapper

Contribution

We welcome any community contribution. Don't be afraid to report bug or to create issues and pull-requests! :trophy:

LICENSE

Apache License 2.0