The Challenge
Implementing modals in Angular often involves heavy dependencies (Material) or boilerplate solutions lacking accessibility and support for the latest framework features like Signals.
The Solution
Developed a lightweight, highly configurable library leveraging the fine-grained reactivity of Angular Signals. Implemented Focus Trap and ARIA attributes to ensure WCAG compliance.
Architecture & Stack
- Angular 18+ (Signals)
- TypeScript Strict Mode
- SCSS Modules
- Angular CDK (Overlay)
- GitHub Actions (CI/CD)
The Impact
Provides developers with a modern, lightweight 'drop-in' solution, reducing bundle size compared to full UI libraries.