Angular Onboarding Library
see Demo
@NgModule({
imports: [ NgWelcomeModule ]
})
export AppModule {
}
constructor(private onboarding: Onboarding) {}
<img src="..." #someElementRef />
<ng-template #templateRef let-onboardingRef="onboardingRef">
<h1>This is a onboarding overlay</h1>
<button (click)="onboardingRef.close()">Skip</button>
<button (click)="onboardingRef.next(true)">Back</button>
<button (click)="onboardingRef.next()">Next</button>
</ng-template>
const config = {
steps: [
{
template: this.templateRef,
attachTo: this.someElementRef,
position: 'right',
offsetX: 20
}
]
};
const onboardingRef = this.onboarding(config);
onboardingRef.afterClosed$().subscribe(() => {
// do something on close
});