JSFiddle - React, Tailwind, and code Playground

by Spencer Smith

HTML

<a href="/docs/payments-overview?environment=sandbox-2022&amp;preview=true" id="ember426" class="ember-view">
    Payment solutions
    <svg viewbox="0 0 15.0976 15.414232" height="15px" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.707100 7.000002 C15.097600 7.390522 15.097600 8.023692 14.707100 8.414212 L7.707110 15.414232 L6.292890 14.000032 L11.585800 8.707112 L0.000000 8.707112 L0.000000 6.707112 L11.585800 6.707112 L6.292890 1.414212 L7.707110 0.000000 L14.707100 7.000002 Z" fill="#0055CC"></path>
</svg>
  </a>
  <div class="pill-list">
      <a href="/docs/payments-api?environment=sandbox-2022&amp;preview=true" id="ember427" class="ember-view pill">Payments API</a>
      <a href="/docs/cards-api?environment=sandbox-2022&amp;preview=true" id="ember428" class="ember-view pill">Cards API</a>
      <a href="/docs/checkout-api?environment=sandbox-2022&amp;preview=true" id="ember429" class="ember-view pill">Checkout API</a>
  </div>
</a>