# Settings Screen

centred panel with slider, checkbox, and dropdown controls.

```{raw} html
<a class="example-run-button" href="../demos/features_ui_settings.html">▶ Run in browser</a>

```

**Tags:** `ui` `settings` `game-ui`

## What it demonstrates
- A centred dialog panel via `AnchorPreset.CENTER` with symmetric margins.
- A `Slider` (volume), `CheckBox` (toggle), and `DropDown` (quality preset).
- A `FormLayout` to align labels with their controls.
- Apply / Back buttons that read the live control state into a status line.

Run: uv run python examples/features/ui/settings.py

## Source

```{literalinclude} ../../examples/features/ui/settings.py
:language: python
:linenos:
```