ember-webcomponents

Import web components into your Ember.app

Usage no npm install needed!

<script type="module">
  import emberWebcomponents from 'https://cdn.skypack.dev/ember-webcomponents';
</script>

README

ember-webcomponents

Easily load and use web components in your Ember project.

This addon takes care of compiling all components into one file (using Polymer's vulcanize).

Installation

ember install ember-webcomponents

Usage

Create app/webcomponents.html and import all your web components inside of it:

<!--
This file belongs at app/webcomponents.html. It will load all your web components as a single file, rather than a bunch of individual link requests.

You can customize the components loaded here if you don't need certain things or want to add your own custom elements.
-->

<link rel="import" href="../bower_components/my-elements/my-element.html">

Contributing

  • git clone https://github.com/franzliedke/ember-webcomponents.git
  • cd ember-webcomponents
  • npm install
  • bower install
  • ...

Running

  • ember server
  • Visit your app at http://localhost:4200.

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

Acknowledgments

Thanks to https://github.com/wildland/ember-polymer for the original version of this addon, which was targeted at Polymer elements and older versions of Ember CLI.