JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/intro.js/1.0.0/intro.min.js"></script>
<link rel="stylesheet" href="http://usablica.github.io/intro.js/introjs.css">
<p><a href="#" id="tutorial">Start</a></p>
<ul id="test">
    <li data-step="2" data-intro="Here's Step 1">Step 1</li>
    <li data-step="3" data-intro="Here's Step 2">Step 2</li>
    <li data-step="4" data-intro="Here's Step 3" data-position="right">Step 3</li>
    <li data-step="5" data-intro="Here's Step 4">Step 4</li>
    <li data-step="6" data-intro="Here's Step 5">Step 5</li>
</ul>

CSS

#test li {
    display: inline;
    padding: 20px;
}

JavaScript

$('#tutorial').on('click', function () {
    introJs().start();
});