1. Add the element. Drag Native Slider onto your view. Set Minimum, Maximum, and Initial value. Style the track, fill, and thumb under the style fields. 2. Read the value. Use Slider's value anywhere (e.g., a label: Brightness: Slider's value%). The value updates live as the user drags.
3. Run actions on the right event. Bind live labels to the changed event, but put expensive work — searches, filters, API calls — in the released event so they run once when the user lets go, not on every pixel.
4. Set the value dynamically. Bind the Value to set field to an input or custom state — the slider glides to match automatically. Use the Reset action to return to the initial value.
5. Disable when needed. Bind Disabled to a yes/no state to lock the slider during loading or based on conditions.
Tip: when binding yes/no fields (Disabled, Show Tooltip) to a checkbox, use Checkbox's value is checked rather than the raw value.
Note: test drag behavior on a real device (BubbleGo) — touch gestures don't fully simulate in web preview.