# XWUIBrightness

Controls the brightness of components with a scroll-based slider control Reuses: XWUIInputSlider

## Basic Usage

Default brightness overlay with the slider docked on the right edge.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Default brightness overlay with the slider docked on the right edge.
```

## Bottom control bar

Horizontal slider centered on the bottom edge for kiosk-style dimming.

```example
file: examples/BottomControlBar.ts
html: examples/BottomControlBar.html
title: Bottom control bar
description: Horizontal slider centered on the bottom edge for kiosk-style dimming.
```

## Starts dimmed

Initial data.brightness so the overlay is active on first paint.

```example
file: examples/DimmedStart.ts
html: examples/DimmedStart.html
title: Starts dimmed
description: Initial data.brightness so the overlay is active on first paint.
```

## Live readout

onChange() mirrors brightness in an on-page HUD.

```example
file: examples/LiveReadout.ts
html: examples/LiveReadout.html
title: Live readout
description: onChange() mirrors brightness in an on-page HUD.
```

```api
```