0.0.2 • Published 5 years ago
ng-san-stepper v0.0.2
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:
Thanks to all ;)