ant-design-form-builder v1.0.41

ant-design-form-builder

This is a drag and drop antd react form builder.

Demo

https://nimble-brigadeiros-2462ca.netlify.app/

Install

npm install --save ant-design-form-builder

Usage

Add Form Builder

import React, { Component } from 'react'
import AntdFormBuilder from 'ant-design-form-builder'

const { FormBuilder } = AntdFormBuilder

class TestFormBuilder extends Component {
  formBuilderRef = React.createRef()

  getJson() {
    formBuilderRef.current.getJson()
  }

  render() {
    return <FormBuilder ref={formBuilderRef} />
  }
}

Add Form Filler

import React, { Component } from 'react'
import AntdFormBuilder from 'ant-design-form-builder'

const { FormFiller } = AntdFormBuilder

class TestFormFiller extends Component {
  data = []
  render() {
    return (
      <FormFiller
        data={this.data}
        onFinishFailed={(errorInfo) => {
          console.log(errorInfo)
        }}
        onFinish={(values) => {
          console.log(values)
        }}
      />
    )
  }
}

Contact us

Email: alt255_dev@protonmail.com

License

MIT © alt255-dev