DEV Community

Aravindhan Senthilkumar
Aravindhan Senthilkumar

Posted on

šŸš€ DevLab One Angular Dynamic Components – Version 2 Released!

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. šŸš€

Angular #AngularDeveloper #AngularLibrary #TypeScript #JavaScript #WebDevelopment #FrontendDevelopment #OpenSource #NPM #SoftwareEngineering #UIComponents #DevLabOne #DeveloperTools #FrontendEngineering #DynamicComponents #AngularComponents

Top comments (0)