JSFiddle - React, Tailwind, and code Playground

by Rajeswaritest

HTML

<input type="text" tabindex="0"/>
<div>
<ul tabindex="-1" >
<li tabindex="0" aria-label="Pages">
  <span class="msos-selected-display-item-text">Pages</span>
  <button class="msos-quick-delete" tabindex="0"      name="new_availability-selected-item-delete-1" aria-label="Remove Pages">
     <span class="msos-glyph">X</span>
  </button>
</li>
<li tabindex="0" aria-label="Forms">
  <span class="msos-selected-display-item-text">Forms</span>
  <button class="msos-quick-delete" tabindex="0"      name="new_availability-selected-item-delete-1" aria-label="Remove Forms">
     <span class="msos-glyph">X</span>
  </button>
</li>

</ul>
<input type="text" tabindex="0"/>