bloomBUILD•SHIP•BLOOM
Data Display & AISidebar
.md

Sidebar

BloomSidebar

A composable, collapsible navigation sidebar system matching shadcn base-nova with groups, headers, and footer slots.

bloom ui add sidebar
package: bloom_ui
bloom-uiBloomSidebar
B
Bloom Studio
Dashboard
Primitives
Settings

Usage

BloomSidebar.dart
dart
BloomSidebar(
  header: const BloomSidebarHeader(child: Text('Bloom App')),
  content: BloomSidebarGroup(
    label: 'Platform',
    children: [
      BloomSidebarMenuButton(
        icon: const Icon(Icons.dashboard),
        label: const Text('Overview'),
        isCurrent: true,
      ),
      BloomSidebarMenuButton(
        icon: const Icon(Icons.cloud_upload),
        label: const Text('OTA Releases'),
      ),
    ],
  ),
)
Previous Component
Table & Data Table
Next Component
Charts Suite