@academix-admin/navigation-bar

A configurable React navigation / tab bar with normal, floating and auto-hide-on-scroll modes.

Install

npm install @academix-admin/navigation-bar
npm install react react-dom

Usage

'use client';
import NavigationBar from '@academix-admin/navigation-bar';

const items = [
  { key: 'home', label: 'Home', icon: <HomeIcon /> },
  { key: 'search', label: 'Search', icon: <SearchIcon /> },
];

export default function Bar() {
  return (
    <NavigationBar
      items={items}
      activeKey="home"
      mode="autohide"
      onChange={(key) => console.log(key)}
    />
  );
}

Exported types: NavItem, NavigationBarProps, NavigationModeType, NavigationBarScrollEvent. mode is 'normal' | 'float' | 'autohide'.

License

MIT © Academix