JSFiddle - React, Tailwind, and code Playground

HTML

<div class="korpus"> 
<input type="radio" name="odin" id="vkl1"/><label for="vkl1">Основное</label>
<input type="radio" name="odin" id="vkl2"/><label for="vkl2">Интересы</label>
<input type="radio" name="odin" id="vkl3"/><label for="vkl3">Контакты</label> 
<div>
<div>1 таб</div>
</div> 
<div>
<div>2 таб</div>
</div> 
<div>
<div>3 таб</div>
</div> 
</div>

CSS

.korpus > div, .korpus > input { display: none; } 
.korpus label { margin-right: 15px;font-weight: 500;font-family: Montserrat;color: #6b6b6b;font-size: 15px;padding: 5px;line-height: 28px; cursor: pointer; position: relative; bottom: 1px;} 
.korpus input[type="radio"]:checked + label {margin-right: 15px; border-bottom: 1px solid #fff;border-top: 1px solid #c8c8c8;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8; } 
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2), .korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block;border-top: 1px solid #c8c8c8; }