Skip to content

Slider

A Slider is a horizontal track with a control, called a thumb, that people can adjust between a minimum and maximum value.

Component preview

Summary

Properties

Property Type Description
Minimum number? The minimum value the slider can go.
Maximum number? The maximum value the slider can reach.
Value number? The slider's current value.

View all inherited from BaseComponent

View all inherited from ImageLabel

Methods

View all inherited from ImageLabel

Events

Event Signature Description
ValueChanged ((self: Slider, value: number) -> unknown)? A Callback function that is triggered when the Value property has been modified.

View all inherited from ImageLabel

Types

type SliderProperties = ImageLabel & {
    Minimum: number?,
    Maximum: number?,
    Value: number?,
    ValueChanged: ((self: Slider, value: number) -> unknown)?,
}

type Slider = BaseComponent & Components & SliderProperties

Function Signature

function(self, properties: SliderProperties): Slider

Example

local slider = row:Right():Slider({
    Minimum = 0,
    Maximum = 10
    Value = 5,
    ValueChanged = function(self, value: number)
        print("Value changed:", value)
    end,
})

print(slider:IsA("ImageLabel")) --> true
print(slider.ClassName) --> "ImageLabel"
print(slider.Type) --> "Slider"

slider.Value += 1 --> Value changed: 6