JSFiddle - React, Tailwind, and code Playground

HTML

<div class='arrow'>

</div>

CSS

.arrow{
  width: 30px;
  height: 80px;
  background-color: #999;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 50%);
	clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 50%);
}