Element: #047 Step and disabled (inputs/slider)
What it shows: A slider that snaps in steps of 10 and a disabled slider fixed at 35.
When to use: Discrete values such as percentages in tens, or a locked setting.
Spec:
- Stepped slider: `` with initial `$state(50)`
- Disabled slider: ``
- Rows labelled Step 10 and Disabled with readouts `{stepped}` and 35
- Wrapper `.col` uses `max-width: 480px`
Tags: slider, step, disabled, discrete, bind-value
Needs: @codeatlasdev/ui@4.4.0
Components: Slider
Live demo: https://ui.codeatlas.com.br/docs/inputs/slider#step-and-disabled
Step 10
{stepped}
Disabled
35