Slightly modified latest version of Polymer responsive navigation example to make it more in line with the standard web component style
To run locally
npm install
polymer serve --open
Creating a web component based on Polymer 3 is very similar to a plain web component, see Hello World component code.
The differences are the extension of PolymerElement and a polymer specific template syntax used by default. The template syntax can be replaced with template literals using lit-html.
The cost is 54K(after gzip) of library weight without any polyfills. The benefit is access to the polymer component library and advanced capabilities like polymer's data system.
Sample Hello World demo
The responsive header polymer demo based on several off the shelf polymer components. There is no custom code here, the polymer menu tutorial code is just modified to use the standard web component style.