JSFiddle - React, Tailwind, and code Playground

by vaheed akhtar

HTML

<div class="arrow">
<div class="line"></div>
<div class="point"></div>
</div>

CSS

.arrow {
    width: 120px;
}

.line {
    margin-top: 15px;
    width: 90px;
    background: grey;
    height: 10px;
    float: left;
}
.point {
  width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 30px solid grey;
  float: right;
}