@govbr-ds/core
Version:
Padrão Digital de Governo
33 lines (32 loc) • 1.27 kB
HTML
<div class="br-tab" data-counter="true">
<nav class="tab-nav">
<ul>
<li class="tab-item is-active" title="Todos">
<button type="button" data-panel="panel-7-count"><span class="name">Todos</span></button><span class="results">(124)</span>
</li>
<li class="tab-item" title="Notícias">
<button type="button" data-panel="panel-8-count"><span class="name">Notícias</span></button><span class="results">(74)</span>
</li>
<li class="tab-item" title="Serviços">
<button type="button" data-panel="panel-9-count"><span class="name">Serviços</span></button><span class="results">(16)</span>
</li>
<li class="tab-item" title="Aplicativos">
<button type="button" data-panel="panel-10-count"><span class="name">Aplicativos</span></button><span class="results">(12)</span>
</li>
</ul>
</nav>
<div class="tab-content">
<div class="tab-panel active" id="panel-7-count">
<p>Painel Todos</p>
</div>
<div class="tab-panel" id="panel-8-count">
<p>Painel Notícias</p>
</div>
<div class="tab-panel" id="panel-9-count">
<p>Painel Serviços</p>
</div>
<div class="tab-panel" id="panel-10-count">
<p>Painel Aplicativos</p>
</div>
</div>
</div>