ngx-dynamic-stepper

ngx-dynamic-stepper is a powerful Angular library that provides enterprise-ready components for creating multi-step workflows and wizards. Built on top of Angular Material Stepper, it simplifies the development of complex forms and guided processes with built-in validation and data management.

Key Features

• Dynamic Step Loading — Steps are loaded and rendered based on configuration, enabling flexible workflow construction.
• Form Validation — Seamless integration with Angular Reactive Forms for robust input validation.
• Workflow Management — Pass data between steps seamlessly, maintaining state throughout the wizard.
• Builder Pattern — Flexible workflow construction using builder and director patterns for clean architecture.
• Standalone Components — Built with Angular standalone components (v20+) for modern Angular applications.
• Material Design — Leverages Angular Material Stepper for consistent, accessible UI components.
• TypeScript Support — Comprehensive type definitions for full TypeScript support and developer experience.
• RxJS Integration — Reactive state management throughout the library for responsive workflows.

Philosophy

The library emphasizes flexibility and developer experience, providing a structured yet adaptable approach to building dynamic steppers that can handle complex business logic and user interactions.