Package Exports

ng2stepper

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 (ng2stepper) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ng2stepper

Really simple stepper directive for angular2

How to

npm install, clone or download .zip

npm install ng2stepper

Import ng2stepper in your module:

import { ng2stepper } from '{ YOUR_DIR_HERE }/ng2stepper/ng2stepper.component';

Include ng2stepper in ngModule -> declarations:

@NgModule({
    imports: [],
    declarations: [
        AppComponent,
        ng2stepper
    ],
    providers: [],
    bootstrap: [ AppComponent ]
})

Add stepper to desired page:

<ng2stepper elements="4" active="2"></ng2stepper>

(Optional) Add stepper in a table row:

<ng2stepper elements="4" active="2" size="table"></ng2stepper>

(Optional) Add color ('green', 'yellow', 'red'). Default is green.

<ng2stepper elements="4" active="2" size="table" color="yellow"></ng2stepper>

<ng2stepper elements="4" active="2" color="yellow"></ng2stepper>

Remove step-numbers:

<bg2stepper elements="4" active="2" content="blank"></ng2stepper>