Tabs
Набор компонентов для создания вкладок. Структура для вкладок похожа на структуру маркированных списков.
Tabs
TabItem
Свойство value - это значение Tab. Оно отображается справа от основного текста.
value и contentRight взаимоисключающие: если передано одно, второе передать нельзя.
IconTabItem
TabsController (deprecated)
Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
Использование
Стандартное подключение, без клавиатурной навигации
Расположение Tabs
Компонент может быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство orientation.
Расположение divider у вертикальных Tabs
Для вертикальных Tabs можно расположить разделитель (divider) слева (по умолчанию) или справа с помощью свойства dividerAlign.
Пример с прокруткой
При выборе Tab происходит прокрутка до выбранного TabItem.
Пример с Dropdown
Пример с Dropdown и перемещением выбранного элемента в видимую область
При выборе элемента в Dropdown он перемещается в видимую область (на последнее видимое место), а крайний видимый TabItem, который он вытеснил, уходит в Dropdown.
Слот дополнительного действия в TabItem
Для задания дополнительного действия используется свойство actionContent
Подключение клавиатурной навигации
Для этого необходимо дополнительно прокинуть свойства index, itemIndex, onIndexChange.
Для горизонтальных Tabs: клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
Для вертикальных Tabs: клавиши ArrowUp, ArrowDown, Home, End для навигации по вкладкам.