Tabs

tabs

Tabs make it easy to explore and switch between different screens, data sets, and other interactions.

Usage

XelaTabs(items: [
    XelaTabItem(id: 1, label: "Label"),
    XelaTabItem(id: 2, label: "Label"),
    XelaTabItem(id: 3, label: "Label"),
])

Properties XelaTabs

Name Type Default Value Required Description
items List<XelaTabsItem> - YES Tabs items
tabsValue int 0 YES Selected tab value
onChange Function(XelaTabItem)? - YES On selected item change func
primaryColor Color XelaColor.Blue6 NO Primary color
secondaryColor Color XelaColor.Gray6 NO Secondary color
bottomLineColor Color XelaColor.Gray10 NO Bottom line color
defaultBadgeBackground Color XelaColor.Orange3 NO Default Badge background color
defaultBadgeTextColor Color Colors.white NO Default Badge text color
selectedBadgeBackground Color XelaColor.Orange3 NO Badge background color selected tab
selectedBadgeTextColor Color Colors.white NO Badge text color selected tab

Properties XelaTabsItem

Name Type Default Value Required Description
id int - YES Tab item ID, should begin from 0
label String? null NO Tab item label
iconActive Widget? null NO Tab item active icon widget
iconInactive Widget? null NO Tab item inactive icon widget
badgeText String? null NO Tab item badge text