JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="btn-arrow">bouton</div>

CSS

.btn-arrow {
  position: relative;
  display: inline-block;
  background: grey;
  line-height:20px;
  height:20px;
}

.btn-arrow::after {
  content:"";
  position: absolute;
  top: 0;
  left:100%;
  height: 0;
  width:0;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent transparent grey;
}