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

Group (deprecated)

Layout elements horizontally in groups

This element is deprecated and will be removed in a future update.
Group element is now replaced by HStack & VStack for more flexible horizontal and vertical grouping.

Group Element

Groups arrange elements horizontally for compact layouts and side-by-side arrangements.

local Group = Tab:Group({})
 
Group:Button({ Title = "Button 1" })
Group:Button({ Title = "Button 2" })
Group:Button({ Title = "Button 3" })

Usage Examples

Button Group

local ActionGroup = Tab:Group({})
 
ActionGroup:Button({ Title = "Save", Icon = "save", Justify = "Center" })
ActionGroup:Button({ Title = "Edit", Icon = "edit", Justify = "Center" })
ActionGroup:Button({ Title = "Delete", Icon = "trash", Justify = "Center" })

Toggle Group

local SettingsGroup = Tab:Group({})
 
SettingsGroup:Toggle({ Title = "Option A" })
SettingsGroup:Toggle({ Title = "Option B" })
SettingsGroup:Toggle({ Title = "Option C" })

Mixed Elements

local ControlGroup = Tab:Group({})
 
ControlGroup:Input({ Title = "Search" })
ControlGroup:Button({ Title = "Go" })
  • Tab - Tab container
  • Button - Button element
  • Space - Add spacing in groups
  • Section - Vertical grouping of elements