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