Sidebar

A vertical navigation panel built from SidebarItem entries, with dark and collapsible variants for dashboard-style layouts.

View source on GitHub ↗

FBSidebar.standard(
  items: navItems,
  selectedIndex: currentIndex,
  onItemSelected: (i) => setState(() => currentIndex = i),
);

CLI

Install this component into your project:

sidebar

$flutter_beautify add sidebar

Variants

FBSidebar.standard() · FBSidebar.dark() · FBSidebar.collapsible()

Key parameters

Parameter	Type	Default
items	List<SidebarItem>	required
selectedIndex	int	0
onItemSelected	ValueChanged<int>?	—
activeColor	Color?	ambient colorScheme.primary
isCollapsed / onCollapsedChanged	bool / ValueChanged<bool>?	(.collapsible() only)

Usage

import 'package:your_app/widgets/sidebar.dart';

FBSidebar.standard(
  items: navItems,
  selectedIndex: currentIndex,
  onItemSelected: (i) => setState(() => currentIndex = i),
);