---
name: Main Nav
route: /components/mainnav
menu: Components
---

import { Playground, PropsTable } from 'docz';
import MainNav from './MainNav';

# Main Nav

## Usage

```javascript
import { MainNav } from '@snowpak/powpow';

export default () => (
  <MainNav />;
);
```

## Props

<PropsTable of={MainNav} />

## Examples

<Playground
  style={{
    backgroundColor: '#222',
  }}
>
  <MainNav data-cy="sp-mainNav" />
</Playground>