@najwer23snacks/navigation v1.0.4

The Navigation component is a responsive navigation bar designed for React applications. It provides a flexible layout that adapts to different screen sizes, ensuring a seamless user experience on both desktop and mobile devices. Below is a detailed description of its features and functionality.

Install

yarn add @najwer23snacks/navigation --dev

npm install @najwer23snacks/navigation --save-dev

Example

import { Navigation } from '@najwer23snacks/navigation';

const App = () => {
  return (
    <Navigation
      navigationTitle="My Website"
      navigationTop={<div>Top Links</div>}
      navigationMobile={<div>Mobile Links</div>}
      navigationMobileAtWidth={768}
      navigationBottom={<div>Bottom Links</div>}
      hrColor1="#ccc"
      hrColor2="#eee"
      navigationWidthMax={1200}
    />
  );
};

Let's connect!