You can dynamically change the slider properties such as background color, handle image, and animation settings.
If you make changes to these properties, use the reset event to ensure the slider works correctly.
Properties:
Background Color: Set the background color of the slider container.
Foreground Color: Set the color of the slider handle.
Expand Color: Set the background color of the handle when it expands.
Expand Image: Set the background image of the handle when it expands.
Border Radius: Define the border radius of the slider handle and container.
Disable Slider: Disable the slider interaction when set to true.
Expand on Max: Expand the slider handle to the maximum position.
Lock on Max: Lock the slider handle at the maximum position.
Animate Expand: Animate the expansion of the slider handle.
Expand Duration: Set the duration for the expand animation.
Fade-in Transition: Set the duration for the fade-in effect during the expansion.
Change Background on Expand: Change the handle background on expansion.
Link to editor :
https://bubble.io/page?type=page&name=unlock_slider&id=demo-add-list-date-range&tab=tabs-1