Tab

Tabs

flight
Flights
luggage
Trips
explore
Explore
Tab Item
Tab Item
Tab Item
<div class="tab tab--primary margin-bottom-3">
  <div class="tab__item tab__item--active">
    <div class="tab__item__icon">
      <span class="material-icons">flight</span>
    </div>
    <div class="tab__item__label">
      Flights
    </div>
  </div>
  <div class="tab__item">
    <div class="tab__item__icon">
      <span class="material-icons">luggage</span>
    </div>
    <div class="tab__item__label">
      Trips
    </div>
  </div>
  <div class="tab__item">
    <div class="tab__item__icon">
      <span class="material-icons">explore</span>
    </div>
    <div class="tab__item__label">
      Explore
    </div>
  </div>
</div>

<div class="tab tab--secondary">
  <div class="tab__item tab__item--active">
    <div class="tab__item__label">
      Tab Item
    </div>
  </div>
  <div class="tab__item">
    <div class="tab__item__label">
      Tab Item
    </div>
  </div>
  <div class="tab__item">
    <div class="tab__item__label">
      Tab Item
    </div>
  </div>
</div>