JSFiddle - React, Tailwind, and code Playground

by piiantom

HTML

<i class="status valid"></i>
<i class="status invalid"></i>

CSS

.status {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #333;
}

.status.valid {
  background-color: #04D05A;
}

.status.invalid {
  background-color: #ff4444;
}