JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="arrow"></div>

CSS

#arrow {
    border-right:30px solid black;
    border-bottom:30px solid black;
    width:100px;
    height:100px;
    transform: rotate(-45deg);
    margin-top:40px;
}