Slide Button
Live preview and documentation for the Slide Button component.
Preview
componentPreview.loading
About
A "slide to confirm" control (the slide-to-pay / slide-to-unlock pattern). The user drags the thumb to the end of the track to trigger onConfirmed; releasing before the end animates the thumb back to its starting position.
label: text shown in the initial state.onConfirmed: callback fired when the thumb reaches the end.confirmingLabel: text shown while dragging (optional, defaults tolabel).confirmedLabel: text shown after confirming (optional, defaults tolabel).enabled: disables the control (becomes opaque and stops responding to gestures).
Fires a medium haptic on confirm. Uses the same drag logic as KasySlider, but the result is a single confirmation action rather than a continuous value.
Last updated on 08/23/2026