We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


Flutter Range Slider is a highly interactive UI widget for selecting a smaller range from a larger data set. It provides rich features: numeric and date-time ranges, labels, ticks, dividers, and tooltips.


Select numeric and date ranges. Render intervals with precision for both numeric and date ranges. For dates, from year to second intervals are supported.

Range Slider scale support.


Render the range slider in both vertical and horizontal orientation.

Range Slider vertical orientation.


Easily customize the labels. Built-in support for numeric and date types. Customize the format, render at specific intervals, and add prefixes and suffixes. You can also visualize data as text assigning values like low, medium, and high.

Range Slider label support.


Render dividers in each interval to show the ranges in an intuitive way. Customize the size, shape, and position of the dividers easily.

Range Slider divider support.


Set both major and minor ticks in the axis. Use major ticks to show the intervals clearly and minor ticks to help choose the values between two intervals easily. You can also customize the positions of tick marks.

Range Slider tick support.


Use tooltips to show more info about the current selection of ranges during interaction. Customize the format, whole text, and visibility using the built-in APIs. You can show tooltips in rectangular or paddle shapes.

Range Slider tooltip support.

Discrete support

Select only discrete numeric and date values.

Range Slider discrete support.

Drag mode

Various drag mode options are available to control thumb dragging. The options are onThumb, betweenThumbs, and both.

Range Slider drag modes.


Change the minimum and maximum positions of the horizontal and vertical range slider in the reverse direction.

Inversed horizontal range slider.


Inversed vertical range slider.



The Range Slider is easily accessed by screen readers.


Customize each element of the Range Slider.


Range Slider gradient support.


Range Slider tick support.


Range Slider thumb support.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile