This is craeted by ng-packagr on Angular6.
npm install angular-simple-step-guide --save
import {SimpleStepGuideModule} from "angular-simple-step-guide";
@NgModule({
imports: [SimpleStepGuideModule]
})
or
import {SimpleStepGuideModule} from "angular-simple-step-guide";
@NgModule({
imports: [SimpleStepGuideModule],
exports: [SimpleStepGuideModule]
})
<simple-step-guide [guides]="guides" [options]="options"></simple-step-guide>
guides = [
{id: "elementId", message: "text message."},
...
];
options = {
...
};
id | Target element id. |
message | Display message. |
next | "Next" button text. |
skip | "Skip" button text. |
complete | "Complete" button text. |
intercept | Function is called before go to next step. |
color | Base color. format is only "#xxxxxx". |
completed | Output bind, called on Completed. |
npm run start
or