JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<!-- Nav tabs -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="description-tab" data-toggle="tab" href="#tabs-description" role="tab" aria-controls="tabs-description" aria-selected="true">Описание</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="specifications-tab" data-toggle="tab" href="#tabs-specifications" role="tab" aria-controls="tabs-specifications" aria-selected="false">Характеристики</a>
    </li>

</ul>

<!-- Tab panes -->
<div class="tab-content">
    <div class="tab-pane active" id="tabs-description" role="tabpanel" aria-labelledby="description-tab">..1.</div>
    <div class="tab-pane" id="tabs-specifications" role="tabpanel" aria-labelledby="specifications-tab">.2..</div>
</div>