JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Global Library API</title>
</head>
<body class="yui3-skin-sam">
<div id="root">
  <ul>
    <li><a href="#tab_matchClientLocations">match client locations</a></li>
  </ul>
  <div>
    <div id="tab_matchClientLocations">
      <input type="text" id="pattern_matchingClientLocations"/>
        <a href="#" id="mylink">Link</a>
    </div>

  </div>
</div>
</body>
</html>

JavaScript

/*global YUI*/

YUI({
  filter: 'debug',
  debug: true,
  combine: false

}).use('tabview', function (Y) {
    "use strict";
    
    Y.one('#mylink').on('click', function (e) {
        Y.log('EVENT')
    });
    
    var tabview = new Y.TabView({
      srcNode: '#root'
    });

    tabview.render();
  });