Welcome to OsmosysForm! 🚀
Are you looking to dynamically generate forms and UI components in your Angular applications? OsmosysForm is here to help! With this powerful library, you can create flexible, customizable forms using simple JSON configurations, making form management a breeze.
Imagine being able to define your entire form's structure, styling, and behavior in a single JSON object. OsmosysForm allows you to dynamically generate forms with various input types, validations, and custom actions. Whether you're building a registration form, a feedback survey, or any other type of interactive form, OsmosysForm simplifies the process and enhances your productivity.
- Flexibility: Define complex forms with diverse input types and conditional logic through JSON.
- Ease of Use: Quickly integrate dynamic forms into your Angular applications with minimal setup.
- Customizability: Tailor the look and feel of your forms using Bootstrap and custom classes.
- Efficiency: Save time and reduce code redundancy by managing form configurations centrally.
- 🚀 Dynamic Form Generation: Create forms with a wide range of input types, including text, email, password, number, date, range, select, multi-select, radio, checkbox, and more.
- 🔍 Comprehensive Validations: Implement built-in validators such as required fields, length constraints, patterns, and custom rules, with dynamic error message display.
- 🤖 Automated Submission Handling: Integrate API calls for form submissions (GET, POST, PUT, DELETE) with custom pre- and post-submission actions using event emitters.
- 🎨 Custom Styling: Utilize Bootstrap for default styling and support custom classes through JSON configuration.
- ⚙️ Conditional Logic: Show/hide and enable/disable fields dynamically based on specified conditions.
- 📦 Reusable Components: Modular design allows for easy reuse and extension of form components across different projects.
OsmosysForm is comprised of the following components:
- DynamicFormComponent: The main component for rendering dynamic forms based on JSON configuration.
- FormService: A service for handling API calls and form submission logic.
- Validators: Custom validators for various input types and conditions.
Read about how to use it here
We welcome contributions from the community! If you're interested in contributing to OsmosysForm, please take a moment to review our Contribution Guidelines.
Your contributions help make our library even better. Whether you're a developer, designer, or just enthusiastic about enhancing user experiences, we'd love to have you on board.
Before you get started, please familiarize yourself with our guidelines to ensure a smooth collaboration process.
This project is licensed under the MIT License - see the LICENSE file for details.
We appreciate the time and effort put in by all contributors to make this project better!
For more help on the Angular CLI, use ng help or check out the Angular CLI Overview and Command Reference page.