SusSettingsContent

Settings panel — volume slider, mute + dark-theme toggles, Apply / Back; persists via SusGameSettingsStore.

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-flow-settings-category
sus-flow-settings-dropdown
sus-flow-settings-row
sus-flow-settings-slider
sus-flow-settings-toggle
sus-flow-settings-value
sus-flow-settings-vol-label
sus-settings-content

Usage

No Prop<> on the content itself — read/write controls and store helpers.

xml

<template>
  <sus:SusSettingsContent />
</template>

<script>
// No Prop<>. Call LoadFromStore / SaveToStore; wire ApplyBtn / BackBtn.
</script>

csharp

var settings = new SusSettingsContent();
settings.LoadFromStore();
settings.ApplyBtn.OnClick += () => settings.SaveToStore(themeRoot: null);
settings.BackBtn.OnClick += () => { /* dismiss */ };
// Live controls after mount:
// settings.Volume.Value.Value = 80f;
// settings.Mute.Model.Value = false;
// settings.DarkTheme.Model.Value = true; // also applies theme immediately OnChange

Prop / API	Role
`Volume`	`SusSlider` 0…100
`Mute` / `DarkTheme`	`SusToggle` models
`VolumeChip`	Live integer label
`ApplyBtn` / `BackBtn`	Host wiring
`LoadFromStore()`	Pull volume/mute/theme from `SusGameSettingsStore`
`SaveToStore(themeRoot)`	Push values; theme via `SetAndApplyTheme`

Notes

Dark theme toggle applies on change (does not wait for Apply).
SaveToStore(null) resolves cascade root via SusThemeService.ResolveCascadeRoot(this).
Heading copy is fixed («Settings»).

SusSettingsContent ​