JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<span class="status-bullet-wrapper">
    <span class="status-bullet status--inprogress"></span>
    <span class="status-bullet status--paused"></span>
    <span class="status-bullet status--failed"></span>
</span>

CSS

.status-bullet{
  width: 18px;
  height: 18px;
  display:inline-block;
  border-radius: 50px;
  border: 1px solid #d1cfcf;
}