Tabs

Пакет @cloud-ru/ds-tabs — compound-компонент для переключения между разделами одного уровня. Родитель Tabs владеет состоянием; TabBar, Tab, TabContent читают его из контекста.

• Tabs — корневой компонент, хранит активную вкладку и раздаёт её через контекст.
• TabBar — контейнер для списка табов, управляет скроллингом и индикатором.
• Tab — отдельная кнопка-вкладка.
• TabContent — панель с содержимым активной вкладки.

Когда использовать

• 2–7 связанных разделов одного уровня иерархии.
• Переключение между представлениями одного объекта (обзор / настройки / история).

Когда не подходит: для иерархической навигации используйте Sidebar, для шагов процесса — Stepper, для фильтров — Chip/Select.

Установка

pnpm add @cloud-ru/ds-tabs

import { Tabs } from '@cloud-ru/ds-tabs'