JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
  width: 200px;
  height: 200px;
  background: teal;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}