Introducing
About WindUI
Setup
LoadstringThemes
UI
WindowKey SystemTabDialogPopupNotificationTagTab Section
Elements
SectionButtonToggleSliderInputDropdownParagraphKeybindColorpickerCodeDividerSpaceImageGroup (deprecated)HStack & VStack
Advanced
ConfigsIcons

Button

Create interactive buttons in WindUI

Button Element

Buttons are interactive elements that trigger callbacks when clicked. They can display icons, descriptions, and support locked states.

local Button = Tab:Button({
    Title = "Click Me",
    Callback = function()
        print("Button clicked")
    end
})

Button Parameters

NameDefault
: stringButton
: string?nil
: string?nil
: string?Right
: Color3?nil
: boolean?false
: string?nil
: string?Between
: string?nil
: function?nil

Button Functions

Name
()
()
()
()
()
()

Button Variants

Simple Button

Tab:Button({
    Title = "Simple Action",
    Callback = function()
        print("Action triggered")
    end
})

Button with Icon

Tab:Button({
    Title = "Save Settings",
    Icon = "save",
    IconAlign = "Left",
    Callback = function()
        print("Settings saved")
    end
})

Button with Description

Tab:Button({
    Title = "Advanced Option",
    Desc = "Click here to access advanced features",
    Callback = function()
        print("Opening advanced menu...")
    end
})

Colored Button

Tab:Button({
    Title = "Delete Item",
    Color = Color3.fromRGB(255, 100, 100), -- red
    Callback = function()
        print("Item deleted")
    end
})

Locked Button

local LimitedButton = Tab:Button({
    Title = "Premium Feature",
    Locked = true,
    LockedTitle = "Requires Premium",
    Callback = function()
        print("Premium feature activated")
    end
})

Button with Centered Layout

Tab:Button({
    Title = "Center Button",
    Justify = "Center",
    Callback = function()
        print("Centered button clicked")
    end
})
  • Tab - Tab container
  • Icons - Available icon references