@internetarchive/mobile-top-nav

<topnav-element>

The mobile navigation menu for archive.org

Installation

yarn add @internetarchive/mobile-top-nav

Usage

// ia-mobile-top-nav.js
import IAMobileTopNav from '@internetarchive/mobile-top-nav';
export default IAMobileTopNav;

<!-- index.html -->
<script type="module">
  import './ia-mobile-top-nav.js';
</script>

<style>
  /* Defaults */
  topnav-element {
    --white: #fff;
    --grey20: #333;
    --grey999: #999;
    --black: #000;
    --link-color: #428bca;
    --primary-text-color: var(--white);
    --theme-font-family: 'Helvetica Neue';
  }
</style>

<topnav-element></topnav-element>

Development

Prerequisite

yarn install

Start Development Server

yarn start  // start development server and typescript compiler

Testing

yarn test

Testing via browserstack

yarn test:bs

Demoing using storybook

yarn storybook

Linting

yarn lint