Slider Field
A drag handle instead of a number input. A tooltip with the current value follows the handle.
Settings:
| Setting | What it does |
|---|---|
| Min value | Left end of the range |
| Max value | Right end |
| Step | How much one notch moves the value, 1 by default — fractions allowed |
| Decimals | Decimal places the value keeps, 0 by default, up to 4 |
The stored value is a plain number, exactly as a Number field would store it.
Output:
html
<div class="bar" style="width: {$readiness}%"></div>A fractional step needs Decimals set as well
The step accepts fractions — 0.5 for a rating in halves — but Decimals defaults to 0, which rounds the value to integers and makes the step look broken. Raise it to at least 1 whenever the step is fractional.
A slider earns its place when the bounds themselves are the meaning — a percentage, a rating out of ten, a priority from one to five. For "how many pieces" a plain number input is faster to fill in and far easier to correct.