TopNav ^{_{(Top Navigation)}}

The primary navigation across the top of the screen. This piece contains the product name/icon, search bar, project/account switcher, and avatar.

Read more about when and how to use the TopNav component on the internal wiki.

Getting started

Install with Yarn

yarn add @hig/top-nav

Or with npm

npm install @hig/top-nav

Import the component:

import TopNav from '@hig/top-nav';

Import the related CSS:

import '@hig/top-nav/build/index.css';

<TopNav logo={<Logo />} />