@oyeharry/app-menu

A simple side menu for Apps

Usage no npm install needed!

<script type="module">
  import oyeharryAppMenu from 'https://cdn.skypack.dev/@oyeharry/app-menu';
</script>

README

Build Status

<app-menu>

A simple side menu for App

<app-menu>

Usage

Installation

npm install --save app-menu

In an html file

<html>
  <head>
    <script type="module">
      import '@oyeharry/app-menu/app-menu.js';
    </script>
  </head>
  <app-menu selected="0">
    <a href="#" class="app-menu-item">Item 1</a>
    <a href="#" class="app-menu-item">Item 2</a>
    <a href="#" class="app-menu-item">Item 3</a>
  </app-menu>
</html>

In a Polymer 3 element

import { PolymerElement, html } from '@polymer/polymer';
import '@oyeharry/app-menu/app-menu.js';

class SampleMenuElement extends PolymerElement {
  static get template() {
    return html`
      <style is="custom-style">
        app-menu {
          --app-menu-color: #616161;
          --primary-color: #f62a5a;
          --app-menu-selected-bg-color: rgba(0, 0, 0, 0.05);
        }
      </style>

      <app-menu selected="0">
        <a href="#" class="app-menu-item">Item 1</a>
        <a href="#" class="app-menu-item">Item 2</a>
        <a href="#" class="app-menu-item">Item 3</a>
      </app-menu>
    `;
  }
}
customElements.define('sample-element', SampleMenuElement);

Installation

git clone https://github.com/app-menu
cd app-menu
npm install
npm install -g polymer-cli

Running the demo locally

polymer serve --npm
open http://127.0.0.1:<port>/demo/

Running the tests

polymer test --npm