AppTabBarButton¶

AppTabBarButton is a class inherited from IconButton, compared to its ancestor, AppTabBarButton is an infographic-only button with proper styling to fit in the AppTabBar component.

Usage¶

AppTabBarButton can be created by calling Lydie.Components.Controls.AppTabBarButton:

local iconState = Fusion.Value(Icons.album)
local toggleState = Fusion.Value(false)

Lydie.Components.Controls.AppTabBarButton {
    State = toggleState
    Icon = iconState, 
Icon property accepts both a string of a state-wrapped string. The string should be either the asset URL or the ID of the image. Lydie has provided a list of icons from Lucide Icons for basic usage. Spritesheet-based icons are not supported at the moment.


    OnClick = function(state) 
OnClick function will be invoked when InputEnded is fired and its input type matches either Enum.UserInputType.MouseButton1 or Enum.UserInputType.Touch. Due to how input events work in Roblox, input will sink no matter what. You should ensure the user is clicking the button before doing any further processing. See BaseButton.luau:69.

        state:set(true)
    end,
}

Properties¶

Name	Description	Default
`Icon`	The asset URL/ID of the icon.	`Icons["loader-2"]`
`State`	The toggle state of the button, used to indicate whether this tab is active or not	`Fusion.Value(false)`
`LayoutOrder`	The layout order of the button, used in a `UIListLayout`/`UIGridLayout`	`NaN`

Functions¶

Name	Description	Required
`OnClick: (Fusion.Value<boolean>) -> ()`	A function invoked when `InputEnded` is fired with matching input types `Enum.UserInputType.MouseButton1` or `Enum.UserInputType.Touch`, where a user clicks the button and releases