Props & events
Attributes & behavior classes
Intent color, style, size, and tooltip visibility (.slider-show-always/-drag/-never) configure the control.
| Attribute / class | Purpose |
|---|---|
min / max / value | Native range-input attributes that drive the fill calculation |
disabled | Native attribute on .slider-input — dims the thumb/track and shows a not-allowed cursor on hover |
aria-disabled="true" | On the outer .slider — dims the whole component further and blocks all pointer interaction |
Events
flickui.js recalculates the fill and tooltip position on every input event.
| Event | Description |
|---|---|
input (native) | flickui.js listens for this to update the --sl-fill custom property and reposition the tooltip. |
flick:change | Fired on .slider from the same handler, detail.value carries the input's current numeric value. |