Slider

PRO

You can edit 8 Components for free. Get premium for unlimited access.

An input where the user selects a value from within a given range.

Preview

DlSlider()
Copy

Usage

Add this code example to your project to see how the component works.

DlSlider(
  initialValue: 0.5,
  onChanged: (value) {
    // handle slider value (0..1)
  },
)
Copy

API Reference

DlSlider is a full-width interactive slider with a rounded 4px track, black active progress, and a draggable 24x24 white thumb with a 2px grey border.

Prop
Type
Default
initialValue
double
0
onChanged
ValueChanged<double>?
null
key
Key?
null

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Get Pro Version