@impact-x/react-nav

Nav component for products using Impact X design system.

Installation

To install @impact-x/react-nav in your project, run the following command:

npm install -S @impact-x/react-nav

If you prefer Yarn, use the following command instead:

yarn add @impact-x/react-nav

Usage

You can import and use this module:

import Nav from '@impact-x/react-nav';

<Nav
  menuItems={[
    { id: 'nav-1', title: 'Home' },
    { id: 'nav-2', title: 'Guide' },
  ]}
  onMenuClick={() => {}}
  activeMenuId="nav-1"
  headerTitle="Platform"
  styles="background-color:#173C4D;"
/>;

API documentation

https://tw-impact-x.thoughtworks-labs.net/#/Components/Nav