ng-san-stepper

SanStepper

Angular Steppers directive for Angular Material

Based on Material Steppers: https://material.angular.io/components/stepper/overview#error-state

USAGE

Installation in package.json

npm i -S ng-san-stepper

note: works with angular >= 2

Import to app module

import { SanStepperModule } from 'ng-san-stepper';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    SanStepperModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Write your html

<san-stepper (stepSubmit)="onSubmit($event)">
 
    <your-first-step #step></your-first-step>
    <your-second-step #step></your-second-step>
    .....
    <your-last-step #step></your-last-step>
 
</san-stepper>

Stepper Options

Detailed service operations bellow:

TODO

• Horizontal steppers
• Linear steppers
• Vertical steppers
• Non-linear steppers
• Alternative labels
• Optional steps
• Editable steps
• Stepper feedback
• Custom Css Classes
• Create a better demo page with all options.

Remarks

• Based on:

• Angular Material Steppers

• Thanks to all ;)