ionic-stepper
Steppers components for Ionic.
Getting Started
Prerequisites
ionic-angular: ^3.x
@angular/animations: ^4.x
Installing
$ npm install ionic-stepper# or$ yarn add ionic-stepper
Usage
import in your-root.module.ts
;;; ... ;
your-component.ts
;;
API
ion-stepper
property
Name | Type | Default | Description |
---|---|---|---|
[mode] | 'horizontal', 'vertical' |
'vertical' |
orientation |
(selectIndexChange) | EventEmitter<number> |
index change event |
method
Name | Description |
---|---|
nextStep(): void | next step |
previousStep(): void | previous step |
setStep(index: number): boolean | set step by index |
ion-step
property
Name | Type | Default | Description |
---|---|---|---|
[label] | string |
step label | |
[description] | string |
step description (only vertical mode is visible) | |
[icon] | icon |
'number' |
step icon, default display the index (icons) |
[status] | 'error', '' |
'' |
step status |
[errorIcon] | string |
'close' |
error status icon |
[ionicStepperNext]
moves to the next step in the stepper
<button ion-button ionicStepperNext>Next</button>
[ionicStepperPrevious]
moves to the previous step in the stepper
<button ion-button ionicStepperPrevious>Previous</button>
License
This project is licensed under the MIT License - see the LICENSE file for details