К содержимому

SusMenuScreenChrome

SusMenuScreenChrome

Style host / USS-компаньон для меню-лейаутов (SusMenuContentShell) — опциональный элемент; sheet также грузится через Resources.

Пакет

SusGame · Экраны (коммерческий)

Открыть в песочнице

SusGame · Screens

Свойства

Публичных свойств нет.

Слоты

Слотов нет.

События

Публичных событий нет.

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

  • sus-menu-hub
  • sus-menu-hub-hidden
  • sus-menu-screen
  • sus-menu-screen__background
  • sus-menu-screen__btn--card
  • sus-menu-screen__buttons
  • sus-menu-screen__buttons--grid
  • sus-menu-screen__buttons--hero
  • sus-menu-screen__buttons--sidebar
  • sus-menu-screen__buttons--vc
  • sus-menu-screen__center
  • sus-menu-screen__center--padded
  • sus-menu-screen__cta
  • sus-menu-screen__footer
  • sus-menu-screen__hero
  • sus-menu-screen__hint
  • sus-menu-screen__link
  • sus-menu-screen__links
  • sus-menu-screen__main
  • sus-menu-screen__row
  • sus-menu-screen__sidebar
  • sus-menu-screen__title--grid
  • sus-menu-screen__title--hero
  • sus-menu-screen__title--sidebar
  • sus-menu-screen__title--vc

Использование

Без пропов, слотов и событий. Создание элемента опционально — оболочки меню сами подключают SusMenuScreenChrome.g.uss к корням меню. Используйте имена классов ниже при сборке кастомной разметки меню.

xml
<template>
  <!-- Optional: ensures chrome element exists in Storybook / trees -->
  <sus:SusMenuScreenChrome />
</template>

<script>
// No Prop<> / public API fields — stylesheet + BEM classes only.
</script>
csharp
// Prefer SusMenuContentShell / flow screens that attach the sheet.
// If composing manually, add classes from the companion USS, e.g.:
//   root.AddToClassList("sus-menu-screen");
//   buttons.AddToClassList("sus-menu-screen__buttons");
Prop / APIРоль
Нет Prop<> / публичных методов
Классыsus-menu-screen, __background, __buttons, __links, __footer, __center, __hero, __sidebar, __main, __hint, __btn--card, __link, переход hub (sus-menu-hub / sus-menu-hub-hidden)

Заметки

  • Buyer-скриншот показывает собранное меню с использованием этих классов — на этом типе нет интерактивных пропов.
  • Не изобретайте здесь API для пунктов меню; подключайте кнопки через kit-компонент SusMenuButton / хелперы оболочки.