creepyface-custom-element v8.2.1

Creepyface Custom Element ·

Creepyface Custom Element is a Creepyface wrapper that registers the creepy-face custom element.

Usage

<script src="https://unpkg.com/creepyface-custom-element"></script>

<img
  is="creepy-face"
  src="https://creepyface.io/img/nala/serious"
  data-src-hover="https://creepyface.io/img/nala/hover"
  data-src-look-0="https://creepyface.io/img/nala/0"
  data-src-look-45="https://creepyface.io/img/nala/45"
  data-src-look-90="https://creepyface.io/img/nala/90"
  data-src-look-135="https://creepyface.io/img/nala/135"
  data-src-look-180="https://creepyface.io/img/nala/180"
  data-src-look-225="https://creepyface.io/img/nala/225"
  data-src-look-270="https://creepyface.io/img/nala/270"
  data-src-look-315="https://creepyface.io/img/nala/315"
/>

Run this example on codepen.

Note: For browsers like Safari you need to add a polyfill to support custom builtin elements. ungap/custom-elements-builtin works like a charm.

Check out the stories for working examples.

Developing

• yarn dev will spin up the storybook.
• yarn build will generate the production scripts under the dist folder.