JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q40785F
  • License MIT

Module provides stepper functionality for linear elements

Package Exports

  • ng-san-stepper

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ng-san-stepper) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

SanStepper

Maintainability Build Status Test Coverage

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