JSFiddle - React, Tailwind, and code Playground

HTML

<span class="label-tag">Type</span>

CSS

.label-tag {
       display:inline-block;
       position: relative;
       height: 20px;
       line-height: 20px;
       padding: 10px 20px;
       color: white;
       background-color: #509e2f;
    }
    
    .label-tag:after {
      content: '';
      position: absolute;
      left: 100%;
      top: 0px;
      border-width: 20px 0px 20px 20px;
      border-style: solid;
      border-color: transparent transparent transparent #509e2f;
    }