![]() ![]() | `element` | CSS selector to use for the hint. | `onClose` | Callback called when a hint is closed. | `onClick` | Callback called when a hint is clicked. | `enabled` | Defines if the hints are visible or not. To do that, you can use the `updateStepElement()` API and pass to it the index of the step to update: #REACT JS EXAMPLE UNPKG UPDATE#If you want to use Intro.js Steps with dynamically created elements, you have to update the element associated to the step when it's available. | `highlightClass` | CSS class of the helperLayer. | `tooltipClass` | CSS class of the tooltip. | `element` | CSS selector to use for the step. | `onComplete` | Callback called when all the steps are completed. | `onPreventChange` | Callback called if you prevented transitioning to a new step by returning `false` in `onBeforeChange`. | Function *(newStepIndex, newElement)* | | | `onAfterChange` | Callback called after changing the current step. *If you want to prevent the transition to the next / previous step, you can return `false` in this callback (available since intro.js 2.8.0).* | Function *(nextStepIndex)* | | | `onBeforeChange` | Callback called before changing the current step. | Function *(nextStepIndex, nextElement)* | | | `onChange` | Callback called when the current step is changed. ![]() | `onStart` | Callback called when the steps are enabled. *If you want to prevent exiting the intro, you can return `false` in this callback (available since intro.js 0.2.7).* | Function *(stepIndex)* | | | `onBeforeExit` | Callback called before exiting the intro. | `onExit` | Callback called when the steps are disabled *Required to force keeping track of the state when the steps are dismissed with an Intro.js event and not the `enabled` prop.* | Function *(stepIndex)* | ✅ | | `initialStep` | Step index to start with when showing the steps. ![]() | `enabled` | Defines if the steps are visible or not. #REACT JS EXAMPLE UNPKG INSTALL#Install using Npm *(don't forget to add the `-save` option if you're still using npm The wrapper provides support for both steps and hints. ( )]( ) ( )]( )Ī small React wrapper around ( ). ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |