Slider

A slider is a widget for bounded numeric input (core.Slider). It provides more visual and less precise input than a spinner. For read-only numeric display, consider a meter.

Properties

You can make a slider without any custom options:

core.NewSlider(b)

You can set the value of a slider:

core.NewSlider(b).SetValue(0.7)

You can set the minimum and maximum values of a slider:

core.NewSlider(b).SetMin(5.7).SetMax(18).SetValue(10.2)

You can set the amount that the arrow keys change the value by:

core.NewSlider(b).SetStep(0.2)

You can ensure that the value is always a multiple of the step:

core.NewSlider(b).SetStep(0.2).SetEnforceStep(true)

You can use an icon for the thumb of the slider:

core.NewSlider(b).SetIcon(icons.DeployedCodeFill)

You can make a scrollbar, where the visiblePercent determines the thumb size:

core.NewSlider(b).SetType(core.SliderScrollbar).SetVisiblePercent(0.1)

You can change the direction that the slider goes, e.g., now top-to-bottom:

core.NewSlider(b).Styler(func(s *styles.Style) {
    s.Direction = styles.Column
})

You can change the direction that the slider goes, e.g., now bottom-to-top:

core.NewSlider(b).SetFlip(true).Styler(func(s *styles.Style) {
    s.Direction = styles.Column
})

Events

You can detect when a user changes the value of a slider and then stops:

sr := core.NewSlider(b)
sr.OnChange(func(e events.Event) {
    core.MessageSnackbar(b, fmt.Sprintf("OnChange: %v", sr.Value))
})

You can detect when a user changes the value of a slider as they slide (input):

sr := core.NewSlider(b)
sr.OnInput(func(e events.Event) {
    core.MessageSnackbar(b, fmt.Sprintf("OnInput: %v", sr.Value))
})