Skip to content

Tab

A Tab separates content into different pages, and lets users navigate between them using a button on the sidebar.

Component preview

Summary

Properties

Property Type Description
Title string? The tab and page's title.
Icon string? The rbassetid:// of the image to display. You can use cascade.Symbols for pre-made symbols.
Indentation boolean? The tab indentation/How far right it is. This is automatically increased by 1 when you chain a tab on another tab.
Selected boolean? Whether or not the tab is selected by default. Defaults to false.

View all inherited from BaseComponent

View all inherited from Frame

Methods

View all inherited from Frame

Events

View all inherited from Frame

Types

type TabProperties = Frame & {
    Title: string?,
    Icon: string?,
    Indentation: number?,
    Selected: boolean?,
}

type Tab = BaseComponent & Components & TabProperties

Function Signature

function(self, properties: TabProperties): Tab

Example

local tab = section:Tab({
    Selected = true,
    Title = "Tab",
    Icon = cascade.Symbols.squareStack3dUp,
})

print(tab:IsA("Frame")) --> true
print(tab.ClassName) --> "Frame"
print(tab.Type) --> "Tab"