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 ;)