I'm excited to share Version 2 of my Angular Dynamic Components library! š
After the initial Alpha Release, I've spent significant time testing the components, fixing issues, improving the architecture, and adding new capabilities.
Version 2 comes with multiple fixes, improvements, and several enhancements across the component library.
1ļøā£ Dynamic Form
š„ Installation: npm i devlab-one-dynamic-form
š Documentation: https://www.npmjs.com/package/devlab-one-dynamic-form
⨠Highlights: JSON-driven dynamic form generation, Reactive Forms support, built-in validations, conditional field rendering, dynamic field configuration, customizable layouts, improved form handling and flexibility
2ļøā£ Dynamic Table
š„ Installation: npm i devlab-one-dynamic-table
š Documentation: https://www.npmjs.com/package/devlab-one-dynamic-table
⨠Highlights: Dynamic column configuration, sorting, filtering, pagination, action buttons, custom events, improved configuration and usability
3ļøā£ Dynamic Data Table:
š„ Installation: npm i devlab-one-dynamic-data-table
š Documentation: https://www.npmjs.com/package/devlab-one-dynamic-data-table
⨠Highlights: Dynamic data table configuration, sorting, filtering and pagination, dynamic columns, action buttons and events, dynamic forms inside popups, JSON-based configuration, flexible data and UI handling
4ļøā£ Dynamic Modal
š„ Installation: npm i devlab-one-dynamic-modal
š Documentation: https://www.npmjs.com/package/devlab-one-dynamic-modal
⨠Highlights: Reusable modal/dialog component, dynamic content rendering, configurable actions, custom callbacks/events, flexible integration with Angular applications
5ļøā£ Dynamic Alert
š„ Installation: npm i devlab-one-dynamic-alert
š Documentation: https://www.npmjs.com/package/devlab-one-dynamic-alert
⨠Highlights: success, warning, error and information alerts ,configurable messages, custom actions, reusable alert functionality, improved user experience
6ļøā£ Dynamic Toast
š„ Installation: npm i devlab-one-dynamic-toast
š Documentation: https://www.npmjs.com/package/devlab-one-dynamic-toast
⨠Highlights: Lightweight toast notification system, success, error, warning and info notifications, reusable across angular applications, improved configuration and behavior
The goal is to make common UI development:
ā
More reusable
ā
More configurable
ā
Less repetitive
ā
Easier to maintain
ā
Faster to develop
ā
Suitable for enterprise applications
š Try the Playground
š https://devlabone-demo-dynamic-components.netlify.app
This project is still evolving, and Version 2 is another step toward building a more complete dynamic UI component ecosystem for Angular. š
Top comments (0)