Focus Theme UI Kit Documentation Help

FUITabItem

Tab Item Head With Label & Icon

You may include an icon on either the left or right of the tab item head label, as follows:

FUITabItem( key: UniqueKey(), tabHeadLabel: Text('Tab 1'), tabHeadIcon: Icon(CupertinoIcons.check_mark), content: ... );

To change the position of the icon

The position of the icon or label can be modified by defining the fuiTabHeadSideIconPosition value.

FUITabItem( key: UniqueKey(), tabHeadLabel: Text('Tab 1'), tabHeadIcon: Icon(CupertinoIcons.check_mark), fuiTabHeadSideIconPosition: FUITabHeadTextIconPosition.iconLeftTextRight, // Do explore more. content: ... );
25 March 2025