Element: #046 Single value (inputs/slider)
What it shows: Two single-value sliders, Volume and Brightness, each with a live readout.
When to use: Adjusting a continuous setting such as volume or brightness.
Spec:
- Volume: `` with initial `$state(60)`
- Brightness: `` with initial `$state(40)`
- Readouts are `{volume}` and `{brightness}%`
- Wrapper `.col` uses `max-width: 480px`
Tags: slider, single, volume, brightness, bind-value
Needs: @codeatlasdev/ui@4.4.0
Components: Slider
Live demo: https://ui.codeatlas.com.br/docs/inputs/slider#single-value
Volume
{volume}
Brightness
{brightness}%