JSFiddle - React, Tailwind, and code Playground

by AlexJsh02

HTML

<div class="docs-example clearfix">
<div class="css-arrow-multicolor"></div>
</div>

CSS

.docs-example {
  background-color: black;
  width: 80px;
  height: 80px;
}
.css-arrow-multicolor {
    border-color: black black white black;
    border-style:solid;
    border-width: 10px;
    width:0;
    height:0;
    padding-top: -80px;
    position: inherit;
}