Package Exports

antd-form-devtools
antd-form-devtools/dist/index.esm.js
antd-form-devtools/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (antd-form-devtools) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

DevTools for Ant Design Forms

A Powerfull DevTools to help debug Ant Design Forms.

Install

npm install antd-form-devtools -D

Usage

import React from 'react';
import { Button, Form, Input, InputNumber } from 'antd';
import { DevTool } from 'antd-form-devtools';

const App = () => {
  return (
    <>
      <Form name="userinfo" onFinish={console.log}>
        <Form.Item label="Username" name="username">
          <Input />
        </Form.Item>

        <Form.Item label="Age" name="age">
          <InputNumber min="0" max="100" />
        </Form.Item>

        <Form.Item>
          <Button type="primary" htmlType="submit">
            Submit
          </Button>
        </Form.Item>

+       <DevTool />
      </Form>
    </>
  );
};

export default App;

License

antd-form-devtools is released under the MIT License. See the LICENSE file in the project root directory for details.

Thank

♥️ The inspiration for this project comes from react-hook-form/devtools.