Tabs - FUITabPane & FUITabItem

To implement tabs functionality, FUITabPane is a specialized FUI container widget designed to manage tabs and their corresponding items.

The FUITabPane can be utilized within a FUIPane, FUIPanel, or independently.

The FUITabPane and other related widget classes could be found in the directory of:

lib/focus_ui_kit/components/tab/

Class Name	Dart File	Description
`FUITabPane`	fui_tab_pane.dart	The major widget class of the tab pane.
`FUITabItem`	fui_tab_item.dart	The widget class for the tab item.
`FUITabPaneController`	fui_tab_events.dart	The controller for the `FUITabPane` (using Flutter Bloc).
`FUITabPaneEvent`	fui_tab_events.dart	The controller event class, used by `FUITabPaneController`.
`FUITabHeadTextIconPosition`, `FUITabHeadPosition` & `FUITabHeadLabelAlignment`	fui_tab_params.dart	These are the enums for certain settings of the `FUITabePane` or `FUITabItem`.

The FUITabTheme class is the theme class holds the default theme variables/values.

To access the theme class object, it can be done through:

@override
Widget build(BuildContext context) {
    FUITabTheme fuiTabTheme = context.theme.fuiTab;
    
    // ...
}

25 March 2025

Widget Class Location