PolymerLabs/polymer-2-first-element

Name: polymer-2-first-element

Owner: PolymerLabs

Description: Get started creating custom elements with Polymer

Forked from: googlecodelabs/polymer-first-elements

Created: 2017-04-13 18:41:09.0

Updated: 2018-03-18 10:28:56.0

Pushed: 2017-12-06 03:50:05.0

Homepage: https://codelabs.developers.google.com/codelabs/polymer-first-elements/

Size: 1451

Language: HTML

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

Your first Polymer element

This repo goes with the Build your first Polymer element tutorial.

Running the tutorial code

You'll need to install some command-line tools to manage dependencies and to run the demo.

  1. Download and install Node version 6.x or 7.x from https://nodejs.org/. Node includes the node package manager command, npm.

  2. Install bower and the Polymer CLI:

    npm install -g bower polymer-cli
    
  3. Clone this repo:

    https://github.com/PolymerLabs/polymer-2-first-element.git
    
  4. Change directory to your local repo and install dependencies with bower:

    cd polymer-2-first-element
    bower install
    
  5. To preview your element, run the Polymer development server from the repo directory:

    polymer serve
    

    Open localhost:8080/components/icon-toggle/demo/ in your browser. (Note that the path uses icon-toggle?the component name listed in this element's bower.json file?rather than the actual directory name.)


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.