Contact us Create app

Directory

← Back

nav-list

Polymer 3 webcomponent nav-list

Author

Rating

Links

Popularity

<100

<nav-list> Published on webcomponents.org

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

License

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

Compatibility

(Loading compatibility data...)

Last updated: 2000-01-01

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • lit-element#^2.1.0
Released
2019-04-20
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 3.0+ in 2.1.22
Browser
Browser Independent

nav-list - Vaadin Add-on Directory

Polymer 3 webcomponent nav-list nav-list - Vaadin Add-on Directory
# \ [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/@manufosela/nav-list) Polymer 3.0 webcomponent with lit-html to draw a horizontal navigation list ## Demo [nav-list codepen demo](https://codepen.io/manufosela/pen/NmzdZo) ```html

Default nav-list demo

With attributes nav-list demo

With attributes nav-list demo

``` ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) 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](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally. ## Author * **Mánu Fosela** - *Javascript Composer* - [manufosela](https://github.com/manufosela) ## License This project is licensed under the Apache 2.0 License - see the [LICENSE](LICENSE) file for details
Online