Skip to content
Get started creating custom elements with LitElement
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
docs
icon-toggle-finished
.gitignore
README.md
icon-toggle.js
index.html
package-lock.json
package.json
polymer.json

README.md

Your first LitElement element

This repo goes with the Build your first LitElement element codelab.

Running the codelab

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

  1. Download and install Node(recommends v10.x) from https://nodejs.org/. Node includes the node package manager command, npm.

  2. Clone this repo:

    https://github.com/Polymer-Japan/litelement-first-element.git
    
  3. Change directory to your local repo and install dependencies with npm:

    cd litelement-first-elements
    npm install
    
  4. To preview your element, run npm start from the repo directory:

    npm start
    

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

npm start calls polymer serve. If you're wondering what polymer serve does, see Run tests interactively in the Polymer docs.

You can’t perform that action at this time.