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. π













