Header Legacy

@cloud-ru/ds-uikit-product-header-legacy — поэтапная миграция legacy-шапки консоли на компоненты Snack V2: контейнер шапки, логотип, главное меню-drawer и иконка платформы.

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

Нужна обратимо совместимая шапка и меню навигации старого кабинета на стеке @ds/*.
Собирается MainMenu с селектором платформ и категориями сервисов: desktop — двухколоночный drawer; mobile — левый одноколоночный drawer (или новое bottom-sheet-меню через customMobileMenu).

Когда не нужен пакет:

Новая продуктовая шапка без legacy-контрактов:
- используйте @cloud-ru/ds-uikit-product-header.
Отдельная карточка сервиса вне меню:
- используйте @cloud-ru/ds-uikit-product-card-predefined.

Компоненты

Компонент	Назначение
`HeaderLayout`	Контейнер шапки: `menu`, `logo`, `select`, `breadcrumbs`, `toolbar`
`Logo`	Брендовый логотип (Button + CloudLogo)
`MainMenu`	Кнопка + адаптивный drawer (desktop две колонки / mobile левый drawer или `customMobileMenu`)
`PlatformLogo`	Иконка платформы (SVG или Avatar по `avatarName`)

Установка

pnpm add @cloud-ru/ds-uikit-product-header-legacy

import {
  HeaderLayout,
  Logo,
  MainMenu,
  PlatformLogo,
  useSearch,
  VARIANT,
  HEADER_LOGO_MODE,
} from '@cloud-ru/ds-uikit-product-header-legacy'

Figma

Открыть в Figma →

Смотри также

MainMenu — desktop/mobile drawer, слоты leftTop / search, интеграция с MenuMobile через customMobileMenu.
@cloud-ru/ds-uikit-product-header — новая шапка и mobile bottom sheet для поэтапной миграции.
@cloud-ru/ds-uikit-product-card-predefined — CardServiceLight в сетке категорий.
@cloud-ru/ds-drawer — drawer, на котором собран MainMenu.
@cloud-ru/ds-adaptive — AdaptiveProvider / layoutType для поверхности MainMenu.