LogoObsidian

Slider

Sliders expose numeric settings with optional prefixes, suffixes, and callbacks.

Playground

Slider
25/100
Toggle compact view

Usage

You can create a Slider by calling the AddSlider method on a Groupbox.

Arguments

local Slider = Groupbox:AddSlider("Sensitivity", {
    Text = "Sensitivity",
    Default = 50,
    Min = 0,
    Max = 100,
    Rounding = 0,
})
Arg IdxArgument DescriptionTypeDefault
1Index/ID of the sliderstringnil
2Slider configuration tabletablenil

Configuration Table

Prop

Type

Methods

You can use the following methods to interact with the slider:

SetValue

Sets the slider value.

Slider:SetValue(number)
Arg IdxArgument DescriptionTypeDefault
1The new value of the slidernumbernil

SetText

Updates the slider's text.

Slider:SetText(text)
Arg IdxArgument DescriptionTypeDefault
1The new text of the sliderstringnil

SetMin

Sets the minimum value.

Slider:SetMin(number)
Arg IdxArgument DescriptionTypeDefault
1Minimum allowed valuenumbernil

SetMax

Sets the maximum value.

Slider:SetMax(number)
Arg IdxArgument DescriptionTypeDefault
1Maximum allowed valuenumbernil

SetDisabled

Enables or disables the slider.

Slider:SetDisabled(boolean)
Arg IdxArgument DescriptionTypeDefault
1Whether to disable the sliderbooleannil

SetVisible

Shows or hides the slider.

Slider:SetVisible(boolean)
Arg IdxArgument DescriptionTypeDefault
1Whether to show the sliderbooleannil

SetPrefix

Sets the prefix text.

Slider:SetPrefix(text)
Arg IdxArgument DescriptionTypeDefault
1Text displayed before the valuestringnil

SetSuffix

Sets the suffix text.

Slider:SetSuffix(text)
Arg IdxArgument DescriptionTypeDefault
1Text displayed after the valuestringnil

OnChanged

Adds another callback function.

Slider:OnChanged(function)
Arg IdxArgument DescriptionTypeDefault
1Callback executed on value changefunctionnil

Example

local Options = Library.Options
 
Groupbox:AddSlider("Sensitivity", {
    Text = "Sensitivity",
    Default = 50,
    Min = 0,
    Max = 100,
    Rounding = 0,
    Suffix = "%",
})
 
Options.Sensitivity:OnChanged(function(value)
    print("Slider changed to", value)
end)

On this page