JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="0" height="0">
  <defs>
    <clipPath id="dash" clipPathUnits="objectBoundingBox">
      <polygon points="0 0, 1 0, 1 .8, 0 1" />
    </clipPath>
    </defs>
</svg>
<div class="one"></div>

CSS

.one {
    height: 200px;    
    background: blue;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: url("#dash");
}