JSFiddle - React, Tailwind, and code Playground

by Himanshu Joshi

HTML

<span class="down--caret"></span>
<span class="up--caret"></span>

CSS

span.down--caret {
    color: #999;
    border-top: 7px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top: 4px;
  }
  
  span.up--caret {
    color: #999;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 7px dashed;
    margin-top: 4px;
  }