!Ngx UI Tour
> UI tour library for Angular
Angular Material, Ionic, PrimeNG, Taiga UI, NG ZORRO and Ng Bootstrap UIs are supported.
ngx-ui-tour is a fork of __Isaac Mann's__ ngx-tour. The project had to be forked since the original is no longer
maintained.
---



Table of contents
-
Demo and documentation
-
Compatibility
-
Installation and Usage
-
FAQ
-
TourService
-
Step Configuration
-
Defaults
-
Hotkeys
-
Event Observables
-
Custom template
-
Styling Active Tour Anchor
-
Targeting Third Party Elements
-
License
Demo and documentation
Demo and documentation can be found at
hakimio.github.io/ngx-ui-tour
Compatibility
$3
| Angular | RxJS | ngx-ui-tour |
|---------|------|-------------|
| 21 | 7 | 16 |
| 20 | 7 | 15 |
| 19 | 7 | 14 |
| 18 | 7 | 13 |
| 17 | 7 | 12 |
| 16 | 7 | 11 |
| 15 | 7 | 10 |
| 14 | 6, 7 | 9 |
| 12-13 | 6, 7 | 8 |
| 9-12 | 6 | 7 |
$3
| Angular | RxJS | ngx-ui-tour |
|---------|------|-------------|
| 21 | 7 | 18 |
| 20 | 7 | 17 |
| 19 | 7 | 16 |
| 18 | 7 | 15 |
| 17 | 7 | 14 |
| 16 | 7 | 13 |
| 15 | 7 | 12 |
| 14 | 6, 7 | 11 |
| 12-13 | 6, 7 | 10 |
| 9-12 | 6 | 9 |
$3
| Angular | RxJS | Ionic | ngx-ui-tour |
|---------|------|-------|-------------|
| 21 | 7 | 8 | 8 |
| 20 | 7 | 8 | 7 |
| 19 | 7 | 8 | 6 |
| 18 | 7 | 8 | 5 |
| 18 | 7 | 7, 8 | 4 |
| 17 | 7 | 7, 8 | 3 |
| 16 | 7 | 6, 7 | 2 |
| 15 | 7 | 6, 7 | 1 |
$3
| Angular | RxJS | PrimeNG | ngx-ui-tour |
|---------|------|---------|-------------|
| 21 | 7 | 21 | 3 |
| 20 | 7 | 20 | 2 |
| 19 | 7 | 19 | 1 |
$3
| Angular | NG ZORRO | ngx-ui-tour |
|---------|----------|-------------|
| 21 | 21 | 1 |
$3
| Angular | RxJS | Taiga UI | ngx-ui-tour |
|---------|------|----------|-------------|
| 21 | 7 | 5 | 10 |
| 20 | 7 | 4 | 9 |
| 19 | 7 | 4 | 8 |
| 18 | 7 | 3 | 7 |
| 17 | 7 | 3 | 6 |
| 16 | 7 | 3 | 5 |
| 15 | 7 | 3 | 4 |
| 14 | 6, 7 | 3 | 3 |
| 12-13 | 6, 7 | 2 | 2 |
| 9-12 | 6 | 2 | 1 |
Installation and Usage
-
Material Design UI
-
Ionic UI
-
PrimeNG UI
-
NG ZORRO UI
-
NG Bootstrap UI
-
Taiga UI Dropdown UI
-
Taiga UI Hint UI
-
JavaScript Console UI
FAQ
Documentation page
Step Configuration
Documentation page
Defaults
Documentation page
TourService
Documentation page
Event Observables
Documentation page
Hotkeys
Documentation page
Custom template
Documentation page
Styling Active Tour Anchor
Documentation page
Targeting third party elements
Documentation page
License
MIT