Tabs

Горизонтальные

Активна: one

С бейджами и отключённой

Вертикальные

Размеры

Входные параметры

Имя	Тип	По умолчанию	Описание
`items`	`TabItem[]`	`[]`	Список вкладок. Тип `TabItem`: `value`, `label`, `disabled?`, `badge?`.
`orientation`	`'horizontal' \| 'vertical'`	`'horizontal'`	Ориентация вкладок.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Размер вкладок.
`error`	`boolean`	`false`	Признак ошибки — подсвечивает контейнер как невалидный.

v-model

Проп modelValue связывается через v-model и содержит значение активной вкладки (value выбранного пункта). По умолчанию активна первая вкладка, если значение не задано.

События

Имя	Аргументы	Когда срабатывает
`change`	`value: string`	При выборе вкладки. Не срабатывает для отключённых вкладок или при выборе уже активной.

Описание

Компонент C3Tabs отображает вкладки с поддержкой бейджей (badge), отключённых состояний и клавиатурной навигации. Активная вкладка управляется через v-model.

Используйте его для переключения между панелями контента. Панель отображается, если задан слот panel или default.

Дополнительная информация

Слоты: panel — scoped-слот с параметром value (активная вкладка); default — запасной контент панели, если panel не задан.
Реализован WAI-ARIA tabs pattern: role="tablist", role="tab", role="tabpanel", связи id/aria-controls/aria-labelledby, aria-selected.
Клавиатура: ArrowRight/ArrowDown — следующая вкладка, ArrowLeft/ArrowUp — предыдущая, Home/End — первая/последняя. Отключённые вкладки пропускаются.
Используется roving tabindex: активная вкладка имеет tabindex="0", остальные — -1.