Sub-Menu Item | Focus Theme UI Kit Documentation

The submenu item widget class is named FUISubMenuItem. This widget is responsible for defining the submenu items within the main menu item.

Usage

Typical usage

FUISubMenuItem(
    label: Text('Sub Item 1'),
    selected: true, // For initial selection
    onPressed: () { // Do something... },
);

With icon

FUISubMenuItem(
    label: Text('Sub Item 1'),
    icon: const Icon(LineAwesome.chart_bar),
    onPressed: () { // Do something... },
);

Change of color scheme (for selected)

FUISubMenuItem(
    fuiColorScheme: FUIColorScheme.cobalt,
    label: Text('Sub Item 1'),
    onPressed: () { // Do something... },
);

With different selected label & icon

FUISubMenuItem(
    label: Text('Sub Item 1'),
    icon: Icon(LineAwesome.chart_bar),
    selectedLabel: Text('Sub Item 1 Selected'),
    selectedIcon: Icon(LineAwesome.check_solid),
    onPressed: () { // Do something... },
);

27 March 2025