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.
Type Name Latest commit message Commit time
Failed to load latest commit information.

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 Node includes the node package manager command, npm.

  2. Clone this repo:
  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.