Hints options

Options

hintPosition

Hint position. Default: top-middle

hintButtonLabel

Hint button label. Default: ‘Got it’

hintAnimation

To add animation to hints or not. Default: true

hints

For defining hints using JSON configuration. Array of hint objects.

Hint data structure

{

hint: 'text for the hint',

element: element, // string query selector or DOMElement

hintPosition: (Optional) Hint position. Default: `top-middle`

hintAnimation: (Optional) To add animation to hints or not. Default: `true`

}

Updating options

An example of adding an option:

introJs().setOption("hintButtonLabel", "OK");

An example of adding hints programmatically through options:

introJs().setOptions({

hints: [

{ hint: 'First hint', element: '#new-feature' },

{ hint: 'Second hint', element: '#new-button', hintAnimation: false }

]

});