JSFiddle - React, Tailwind, and code Playground

by maximzasorin

HTML

<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-form-styler@2.0.2/dist/jquery.formstyler.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-form-styler@2.0.2/dist/jquery.formstyler.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-form-styler@2.0.2/dist/jquery.formstyler.theme.css">
<p>
  Unstyled: 
  <select>
    <option
      data-html="&lt;div some-attr=&quot;value&quot;&gt;&lt;/div&gt;"
    >option</option>
  </select>
</p>
<p>
  Styled: 
  <select id="styled">
    <option
      data-html="&lt;div some-attr=&quot;value&quot;&gt;&lt;/div&gt;"
    >option</option>
  </select>
</p>

JavaScript

(function($) {
  $(function() {
    $('#styled').styler();
  });
})(jQuery);