JSFiddle - React, Tailwind, and code Playground

by Lloyd Atkinson

HTML

<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
<figure class="avatar avatar-xl" data-initial="YZ" style="background-color: #5755d9;"></figure>

<span class="badge">
  Notifications
</span>

<p>

</p>
<span class="badge" data-badge="8">
  Notifications
</span>
<p>

</p>
<button class="btn btn-error badge" data-badge="+99">
  Button
</button>
<p>

</p>
<figure class="avatar badge" data-badge="8" data-initial="YZ">
  <img src="img/avatar-3.png" alt="YZ">
</figure>