Range

Numeric slider. Like Select and Date Picker, it keeps the native control visible: reimplementing dragging, touch and pointer capture would be a lot of work to end up worse than what the browser already does. Alpine only mirrors the value into the label.

With a visible value

Volume 40

Quality 3

Disabled

@components.Range(components.RangeProps{ID: "vol", Name: "vol", Label: "Volume", Value: 40, ShowValue: true})