Volver al Archivo
Caso de Estudio

ngx-custom-modal

Librería de Modal/Dialog personalizada para Angular con soporte de componentes internos, arquitectura basada en signals y accesibilidad WCAG 2.1 AA.

Angular TypeScript SCSS NPM Open Source

El Desafío

La implementación de modales en Angular a menudo implica dependencias pesadas (Material) o soluciones boilerplate que carecen de accesibilidad y soporte para las últimas características del framework como Signals.

La Solución

Desarrollé una librería ligera y altamente configurable que aprovecha la reactividad de granularidad fina de Angular Signals. Implementé Focus Trap y atributos ARIA para garantizar el cumplimiento de WCAG.

Arquitectura & Stack

  • Angular 18+ (Signals)
  • TypeScript Strict Mode
  • SCSS Modules
  • Angular CDK (Overlay)
  • GitHub Actions (CI/CD)

El Impacto

Provee a desarrolladores una solución 'drop-in' moderna y ligera, reduciendo el tamaño del bundle en comparación con librerías de UI completas.

Siguiente

ngx-flatpickr-wrapper

Ver Caso de Estudio