nav-list

Polymer 3 webcomponent nav-list

<nav-list>

Polymer 3.0 webcomponent with lit-html to draw a horizontal navigation list

Demo

nav-list codepen demo

<h3>Default nav-list demo</h3>
<nav-list></nav-list>

<h3>With attributes nav-list demo</h3>
<nav-list value="7" list="5,6,7,8,9,10"></nav-list>

<h3>With attributes nav-list demo</h3>
<nav-list value="5&ndash;10" list="&lt;3,3&ndash;5,5&ndash;10,&gt;10"></nav-list>

Install the Polymer-CLI

First, make sure you have the Polymer CLI and npm (packaged with Node.js) installed. Run npm install to install your element's dependencies, then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test

Build

$ npm run build

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

Author

• Mánu Fosela - Javascript Composer - manufosela

License

This project is licensed under the Apache 2.0 License - see the LICENSE file for details

Links

• View on NPM
• View on GitHub

Compatibility