JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://federalist.fr.cloud.gov/preview/18f/web-design-standards/develop/dist/css/uswds.min.css">
<script src="https://federalist.fr.cloud.gov/preview/18f/web-design-standards/patch-accordion-events/js/uswds.min.js"></script>
<ul class="usa-accordion">
  <li>
    <button class="usa-accordion-button" aria-expanded="false" aria-controls="formContent" type="button">View form</button>

    <div id="formContent" class="usa-accordion-content">
      <form onsubmit="return false;">
        <label for="my-input">Number between 1 and 5:</label>
        <input id="my-input" type="number" min="1" max="5" />
        <button type="submit">Submit</button>
      </form>
    </div>
  </li>
</ul>