ng2stepper v1.0.5

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>

or

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

• Remove step-numbers:

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