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

Overview

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.


Scale

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.


Orientation

Render the range slider in both vertical and horizontal orientation.

Range Slider vertical orientation.


Labels

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.


Dividers

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.


Ticks

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.


Tooltip

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.


Inversed

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

Inversed horizontal range slider.

Horizontal

Inversed vertical range slider.

Vertical


Accessibility

The Range Slider is easily accessed by screen readers.


Customization

Customize each element of the Range Slider.

Gradient

Range Slider gradient support.

Ticks

Range Slider tick support.

Thumb

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

Awards

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