Tabs

Documentation for callcentrum tabs.

Files

app/styles/modules/_callcentrum.scss

Tabs

To create tabs follow HTML structure shown in example below.

Note

Badge with number is created with .callcntr-badge component.
Example:code
  • Všetci agenti
    18
  • Prebiehajuce hovori
    45

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum repellat molestias voluptatem excepturi mollitia blanditiis amet quaerat! Doloremque nostrum, quo consequatur minima labore esse voluptate id aperiam perferendis, saepe aliquid.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo qui obcaecati, autem voluptatibus temporibus distinctio, recusandae, esse, numquam nam facere eum reiciendis perspiciatis pariatur explicabo cupiditate dolore excepturi eligendi fugit.

Code: 
<ul class="callcntr-tabs">
  <li class="callcntr-tabs_item active">
    Všetci agenti
    <div class="callcntr-badge">18</div>
  </li>
  <li class="callcntr-tabs_item">
    Prebiehajuce hovori
    <div class="callcntr-badge">45</div>
  </li>
</ul>
<div class="callcntr-tab_content">
  ...
</div>