Ant Plus 4

Ant Plus is a simplified version of the Ant Design forms system that builds forms in the most htML-intuitive way.

4.0 is here! 🎉

â—† New document Design, optimized content and layout. â—† AntX comparison for all ANTD Form examples

And… New Logo 🦮

Ant Plus significantly simplifies development by removing the form.item dependency and providing new rules and component Props.

To view

  • Lot – github.com/nanxiaobei/…
  • Github. IO /ant-plus/
  • IO /s/ antX-mqxx…

contrast

Code comparison for developing forms using Ant Plus versus Ant Design:

The installation

yarn add antx
Copy the code

use

import { Form, Input, Button } from 'antx';

const Demo = (a)= > {
  const onFinish = (values) = > {
    console.log(values);
  };
  return (
    <Form data={{ name: 'Emily'}}onFinish={onFinish}>
      <Input label="Username" name="name" rules={['required', 'max=10']} tip="full" />
      <Button label="" htmlType="submit">submit</Button>
    </Form>
  );
};

export default Demo;
Copy the code

More and more

More details can be found on GitHub or in the documentation