creepyface-custom-element/src/stories.js

Creepyface Custom Element is a [Creepyface](https://github.com/4lejandrito/creepyface) wrapper that registers the `creepy-face` custom element.

import '.'
import { withKnobs, number } from '@storybook/addon-knobs'

export default {
  title: 'Creepyface Custom Element',
  decorators: [withKnobs],
}

export const CustomizedBuiltInElement = () => {
  return `
    <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"
      data-timeToDefault=${number('Time to default', 1000)}
    />
  `
}