Documentation last updated: April 3, 2025

Plugin last updated: April 3, 2025

Input Range Slider Plugin for Bubble

Table of Contents

Overview

The Input Range Slider Plugin is a fully customizable range input element for Bubble applications. It supports dynamic color gradients, thumb color styling, and control over minimum, maximum, and current values, providing users with a modern and interactive slider component.

How to use

• Add the Input Range Slider element to your Bubble page.
• Set the fields in the property editor:
  • data_color_start: The starting color of the track (left side).
  • data_color_end: The ending color of the track (right side).
  • thumb-color: Color of the draggable circle (thumb).
  • min: Minimum value of the slider.
  • max: Maximum value of the slider.
  • value: Initial value of the slider.
• Preview and test the slider with live visual feedback.
• Use custom workflows or states to bind the value if needed.

Components

Actions

This plugin does not include custom actions.