Tutobot
A bot to explain step by step an UI
How to install
npm install tutobot
How to use
- Angular is required to use tutobot
- Import the css and js
- How to create the steps set
- Add the tutobot module in dependencies of your main module
- Use tutobotService in the run method of your main module
- Then add a step like that:
tutobotService
- **name** is the name of the step to add
- **position** = 'top-left' | 'bottom-left' | 'bottom-right' | 'top-right'
- **content** is the text of the step
- Plug the step on your elements in the DOM like that:
use the tutobot-step attribute on some DOM elements and the value is the name of the step to bind on it.
- There is an overlay option to enable an overlay.
tutobotServiceoverlay = true; // to enable the overlay