JSFiddle - React, Tailwind, and code Playground

by Just a Student

HTML

<a class="case-nav-link">Normal link</a>
<a class="case-nav-link active">Active link</a>

SCSS

.case-nav-link {
  display: block;
  min-width: 200px;
  font-size:16px;
  border:1px solid gray;
  margin:10px;
  padding:15px 10px;
  border-left:solid 6px transparent;
  &.active {
    border-left:solid 6px blue;
  }
}