Skip to content

SusMenuScreenChrome

SusMenuScreenChrome

Style host / USS companion for menu layouts (SusMenuContentShell) — optional element; sheet also loads via Resources.

Package

SusGame · Screens (commercial)

Open in Playground

SusGame · Screens

Props

No public props.

Slots

No slots.

Events

No public events.

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

  • 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

Usage

No props, slots, or events. Instantiating the element is optional — menu shells attach SusMenuScreenChrome.g.uss to menu roots. Use class names below when building custom menu markup.

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 / APIRole
No Prop<> / public methods
Classessus-menu-screen, __background, __buttons, __links, __footer, __center, __hero, __sidebar, __main, __hint, __btn--card, __link, hub transition (sus-menu-hub / sus-menu-hub-hidden)

Notes

  • Buyer shot shows a composed menu using these classes — not interactive props on this type.
  • Do not invent menu-item APIs here; wire buttons via kit SusMenuButton / shell helpers.