JSFiddle - React, Tailwind, and code Playground

by helgatheviking

HTML

<div class="editor-post-taxonomies__hierarchical-terms-list" tabindex="0" role="group" aria-label="Categories">
  <div class="editor-post-taxonomies__hierarchical-terms-choice"><input id="editor-post-taxonomies-hierarchical-term-47" class="editor-post-taxonomies__hierarchical-terms-input" type="radio" name="radio_tax_input-category" value="47"><label for="editor-post-taxonomies-hierarchical-term-47">Apple</label>
    <div class="editor-post-taxonomies__hierarchical-terms-subchoices">
      <div class="editor-post-taxonomies__hierarchical-terms-choice"><input id="editor-post-taxonomies-hierarchical-term-52" class="editor-post-taxonomies__hierarchical-terms-input" type="radio" name="radio_tax_input-category" value="52" checked=""><label for="editor-post-taxonomies-hierarchical-term-52">Chocolate</label></div>
    </div>
  </div>
  <div class="editor-post-taxonomies__hierarchical-terms-choice"><input id="editor-post-taxonomies-hierarchical-term-48" class="editor-post-taxonomies__hierarchical-terms-input" type="radio" name="radio_tax_input-category" value="48"><label for="editor-post-taxonomies-hierarchical-term-48">Bacon</label></div>
  <div
    class="editor-post-taxonomies__hierarchical-terms-choice"><input id="editor-post-taxonomies-hierarchical-term-1" class="editor-post-taxonomies__hierarchical-terms-input" type="radio" name="radio_tax_input-category" value="1"><label for="editor-post-taxonomies-hierarchical-term-1">Uncategorized</label></div>
<div
  class="editor-post-taxonomies__hierarchical-terms-choice"><input id="editor-post-taxonomies-hierarchical-term-49" class="editor-post-taxonomies__hierarchical-terms-input" type="radio" name="radio_tax_input-category" value="49"><label for="editor-post-taxonomies-hierarchical-term-49">Whiskey</label>
  <div class="editor-post-taxonomies__hierarchical-terms-subchoices">
    <div class="editor-post-taxonomies__hierarchical-terms-choice"><input id="editor-post-taxonomies-hierarchical-term-50"...