usablica / intro.js

Lightweight, user-friendly onboarding tour library
http://introjs.com
Other
22.8k stars 2.59k forks source link

How to apply css to individual tip in intro.js ? #805

Closed nandaram19 closed 6 years ago

nandaram19 commented 6 years ago

I'm using your plugin which is great but I come across some requirement which demands to apply different css to each tip. Although we can use setOptions but it applies css to whole Tips. So please solve this issues or provide alternate.

RomainCscn commented 6 years ago

Hello, you can use tooltipClass to specify a css class to a tooltip. For example:

const intro = introJs();
intro.setOptions(
  {
    steps: [
      {
        intro: "My example",
        tooltipClass: 'main-tooltip'
      }
    ],
  });
ranjith19 commented 6 years ago

Your API docs do not say that I can pass tooltip class to each step.

What other args could I pass to each step?