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

• [x] Horizontal steppers
• [x] Linear steppers
• [x] 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 ;)