@ema/components

Emagine Reality: webcomponents library

Usage no npm install needed!

<script type="module">
  import emaComponents from 'https://cdn.skypack.dev/@ema/components';
</script>

README

Web components library

@ema/components

  • Reusable Web Components
  • The web components are standard HTML elements, so they work in any major framework or with no framework at all.
  • In many cases, the components can be used as a drop in replacement for traditional frontend frameworks to build widgets, microapps, apps, etc.

Built With Stencil

Using the webcomponents library

Script tag

  • Put the following script tag in the head of your index.html: <script src='https://unpkg.com/@ema/components/dist/webcomponents.js'></script>
  • You can then use the webcomponents anywhere in your template, JSX, html etc.

In a stencil-starter app

  • Run npm install @ema/components --save
  • Add an import to the npm packages import '@ema/components';
  • Then you can use the webcomponents anywhere in your template, JSX, html etc

Dev: getting started

Clone the repo, then run:

npm install
npm start

To watch for file changes during develop, run:

npm run dev

To build the components and classes for production, run:

npm run build

To run the unit tests for the components and classes, run:

npm test

Need help? Check out the Stencil docs here.