Tab

Tab Configuration

Tabs are used to organize content within a window into multiple sections. Each tab acts as a container for elements.

local Tab = Window:Tab({
    Title = "Tab Title",
    Icon = "bird", -- optional
})

Tab Parameters

NameDefault

: stringTab

: string?nil

: Color3?nil

: string?nil

: boolean?false

: string?Left

: table?{ Icon = 'lucide:frown', IconSize = 48, Title = 'This tab is Empty', Desc = nil }

`CustomEmptyPage` Parameters

NameDefault

: string?lucide:frown

: number?48

: string?This tab is Empty

: string?nil

Tab Methods

Select Tab

Select and show the tab

Tab:Select()

Set Title

Change tab title dynamically

Tab:SetTitle("New Title")

Set Description

Update tab description/tooltip

Tab:SetDesc("New Description")

Lock Tab

Disable interaction with the tab

Tab:Lock()

Unlock Tab

Re-enable tab interaction

Tab:Unlock()

Scroll To Element

Automatically scroll to a specific element in the tab

Tab:ScrollToTheElement(1)

Select Tab

Selects the tab

Tab:Select()

Tab Elements

local Tab = Window:Tab({ Title = "Elements" })
 
-- Add various elements
Tab:Button({
    Title = "Click Me",
    Callback = function()
        print("Button clicked")
    end
})
 
Tab:Toggle({
    Title = "Enable Feature",
    Callback = function(state)
        print("Toggle:", state)
    end
})
 
Tab:Slider({
    Title = "Volume",
    Value = { Min = 0, Max = 100, Default = 50 },
    Callback = function(value)
        print("Volume:", value)
    end
})
 
Tab:Input({
    Title = "Username",
    Callback = function(value)
        print("Username:", value)
    end
})

Window - Create and configure windows
Section - Organize content into sections
Group - Horizontal element layout