Slider

Slider Element

Sliders allow users to select a numeric value within a range. They support both integer and floating-point numbers.

local Slider = Tab:Slider({
    Title = "Volume",
    Value = {
        Min = 0,
        Max = 100,
        Default = 50
    },
    Callback = function(value)
        print("Volume:", value)
    end
})

Slider Parameters

NameDefault

: stringSlider

: string?nil

: number0

: number100

: number50

: number?1

: boolean?false

: string?nil

: function?nil

: number?130

Slider Functions

Name

()

Slider Variants

Integer Slider

Tab:Slider({
    Title = "Speed",
    Value = { Min = 1, Max = 10, Default = 5 },
    Step = 1, -- integer steps
    Callback = function(value)
        print("Speed:", value)
    end
})

Float Slider

Tab:Slider({
    Title = "Sensitivity",
    Value = { Min = 0, Max = 1, Default = 0.5 },
    Step = 0.1, -- decimal steps
    Callback = function(value)
        print("Sensitivity:", value)
    end
})

Large Range Slider

Tab:Slider({
    Title = "Population",
    Value = { Min = 0, Max = 1000000, Default = 500000 },
    Step = 10000,
    Callback = function(value)
        print("Population:", value)
    end
})

Slider with Icons

Tab:Slider({
    Title = "Brightness",
    Icons = {
        From = "sfsymbols:sunMinFill",
        To = "sfsymbols:sunMaxFill",
    },
    Value = { Min = 0, Max = 100, Default = 75 },
    Callback = function(value)
        print("Brightness:", value)
    end
})

Tab - Tab container
Input - Text input element
Toggle - Boolean toggle element