synergy-sidebar-react

A reusable React sidebar component library with expandable menu groups, footer actions, and active-state styling.

Installation

npm install synergy-sidebar-react

Usage

import { Sidebar, menuItems, bottomItems } from 'synergy-sidebar-react';

function Example() {
  return (
    <Sidebar
      menuItems={menuItems}
      bottomItems={bottomItems}
      isExpanded={true}
      currentPage="/resource-groups"
      onNavigate={(page) => console.log(page)}
      onToggle={() => {}}
    />
  );
}

Features

• Expandable sidebar navigation
• Nested submenu support
• Footer actions
• Active-item highlighting

Development

npm install
npm run build