Tabs

Вкладки представляют собой горизонтально размещенные кнопки или ссылки для навигации между экранами и могут содержать любое сочетание текста и иконок. Это распространенный способ реализации функций навигации в мобильных устройствах.

* Смотрите документацию по Вкладкам для создания интерфейса с использованием вкладок.

Содержащий вкладку элемент должен иметь класс tabs, к каждой вкладке должен быть применен класс tab-item. По умолчанию вкладки создаются только с текстом и без иконок.

<div class="tabs">
  <a class="tab-item">
    Home
  </a>
  <a class="tab-item">
    Favorites
  </a>
  <a class="tab-item">
    Settings
  </a>
</div>

Вкладки можно создавать в соответствии со стандартными цветами, которые предлагает Ionic (в примере используется цвет по умолчанию). Используйте эти классы, чтобы изменить цвет панели с вкладками: tabs-default tabs-light tabs-stable tabs-positive tabs-calm tabs-balanced tabs-energized tabs-assertive tabs-royal tabs-dark

Использование класса tabs-item-hide скрывает панель со вкладками, но оставляет видимым контент. Не забудьте добавить класс has-tabs в директиву ion-content.