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;

Live Demo

https://antd-form-devtools.vercel.app

Local example

git clone https://github.com/justjavac/antd-form-devtools.git
cd example
yarn dev

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.