RangeSlider

RangeSlider control. Build it with the range_slider helper.

Example

range_slider(
  label: "Label",
  min: 0,
  max: 100,
  divisions: 10,
  on_change: ->(event) {}
)

Properties

• active_color — Active color.
• divisions — Number of discrete steps between min and max.
• end_value
• inactive_color — Inactive color.
• label — Text label shown for the control.
• max — Maximum value.
• min — Minimum value.
• mouse_cursor — Cursor shown when hovering the control.
• overlay_color — Overlay color.
• round
• start_value

Plus the common layout and animation properties shared by most controls (expand, visible, disabled, opacity, width, height, align, tooltip, animate_*, …).

Events

• on_animation_end — Fired when an animation completes.
• on_change — Fired when the value changes.
• on_change_end — Fired when the user finishes changing the value.
• on_change_start — Fired when the user starts changing the value.
• on_size_change — Fired when the control's size changes.

Reference

• Family: materials
• Widget type: rangeslider
• Helper: range_slider