Элемент вкладки. Автоматически наследует режим отображения (mode) от родительского компонента Tabs.

Состояния

selected

Свойство selected помечает вкладку выбранной.

disabled

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

Дополнительный контент

Компонент поддерживает различные варианты оформления вкладок:

Иконки

• before — иконка перед текстом:
  • Для mode="default" используйте иконки 24px;
  • Для других режимов (accent, secondary) — иконки 20px.
• after — иконка после текста (например, <Icon16Dropdown />).

Статус

Свойство status — добавляет элемент для отображения состояния:

• React.ReactElement — компонент Badge или Counter (с size="s").
• number — отображает текстовый блок с числом.

Состояния взаимодействия

Компонент поддерживает все стандартные состояния из Tappable:

• hoverMode — стиль при наведении;
• activeMode — стиль при активации;
• focusVisibleMode — стиль при фокусе.

Особенности использования

1. Всегда используйте TabsItem внутри компонента Tabs.
2. Для корректной работы доступности (a11y) необходимо:
   • Указать id для вкладки
   • Связать с контентом через aria-controls (см. документацию Tabs)