AntD Form Composer v1.0.2 Release Notes
We're excited to announce the first stable release of AntD Form Composer, a powerful form composition library for React applications built on top of Ant Design Form.
🎉 Initial Release Highlights
Core Features
- ✨ Dynamic form field composition with flexible configurations
- 🎨 Built-in support for common Ant Design form components
- 📝 Form list support for repeatable fields
- 🎭 Conditional rendering based on runtime conditions
- 🧩 Custom component integration
- 📱 Responsive layout support with grid system
- 🔍 Full TypeScript support with comprehensive type definitions
Components Support
Pre-registered Components
text
: Ant Design Inputtextarea
: Ant Design Input.TextAreapassword
: Ant Design Input.Passwordlist
: Dynamic Form List
Type-defined Components (Require Registration)
Component Type | Ant Design Component | Status |
---|---|---|
search |
Input.Search |
Type-ready |
number |
InputNumber |
Type-ready |
select |
Select |
Type-ready |
date-picker |
DatePicker |
Type-ready |
range-picker |
DatePicker.RangePicker |
Type-ready |
time-picker |
TimePicker |
Type-ready |
radio |
Radio |
Type-ready |
radio-group |
Radio.Group |
Type-ready |
checkbox |
Checkbox |
Type-ready |
checkbox-group |
Checkbox.Group |
Type-ready |
switch |
Switch |
Type-ready |
slider |
Slider |
Type-ready |
rate |
Rate |
Type-ready |
mentions |
Mentions |
Type-ready |
autocomplete |
AutoComplete |
Type-ready |
cascader |
Cascader |
Type-ready |
transfer |
Transfer |
Type-ready |
tree-select |
TreeSelect |
Type-ready |
Key Features Breakdown
Dynamic Form Fields
- Flexible field configuration through props
- Runtime condition-based field rendering
- Support for custom validation rules
- Dynamic field value dependencies
Form List Support
- Repeatable field groups
- Custom list item rendering
- Built-in add/remove operations
- Nested form list support
Layout System
- Responsive grid layout
- Customizable column spans
- Dynamic layout adjustments
- Support for Ant Design Row/Col props
TypeScript Support
- Comprehensive type definitions
- Type-safe props
- Intelligent IDE suggestions
- Generic type support for form values
📦 Installation
# Using npm
npm install antd-form-composer
# Using yarn
yarn add antd-form-composer
# Using pnpm
pnpm install antd-form-composer
🐛 Known Issues
- None reported in this initial release
📋 Requirements
- React 16.8+ (Hooks support required)
- Ant Design 4.x or 5.x
- TypeScript 4.x+ (for TypeScript users)
🔄 Migration Guide
As this is the first release, no migration is necessary. Future releases will include migration guides as needed.
🗓️ Future Plans
- Live, interactive examples of all supported components
- Real-time code editing and preview
- Copy-paste ready code snippets
🙏 Acknowledgments
Special thanks to:
- The Ant Design team for their excellent component library
- Our early adopters and contributors
- The React community for their feedback and support
📬 Feedback and Support
We welcome your feedback and contributions!
- GitHub Issues: Create an issue
- Email: [email protected]
For detailed documentation and examples, please refer to our README.