aleksplus / antd-form-devtools

🔧 DevTools for Ant Design Forms

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.