JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="psudo" style="width:300px; height:80px; position:relative; background-color:#5f7dff;">
        <h6 class="name">Customer</h6>
   </div>

CSS

.psudo:after{
  content:"";
    position:absolute;
    border-width:92px;
    border-style:solid;
    border-color:#fff;
    border-right-color:transparent;
    border-left-color:transparent;
    border-bottom-color:transparent;
    z-index:99;
    top:0;
    right:0;
    transform:translateX(90px)
}