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