Skip to content

Juicy/juicy-element-boilerplate

 
 

Repository files navigation

<juicy-element>

A bare minimum custom element starter-kit using VanillaJS.

Looking for a working example? Check hello-world-element.

Demo

Check it live!

Install

Install the component using Bower:

$ bower install juicy-element --save

Or download as ZIP.

Usage

  1. Import polyfill:

    <script src="bower_components/webcomponentsjs/webcomponent-lite.js"></script>
  2. Import custom element:

    <link rel="import" href="bower_components/juicy-element/juicy-element.html">
  3. Start using it!

    <juicy-element></juicy-element>

Options

Attribute Options Default Description
foo string bar Lorem ipsum dolor.

Methods

Method Parameters Returns Description
unicorn() None. Nothing. Magic stuff appears.

Events

Event Description
onsomething Triggers when something happens.

CSS Custom Properties

Name Description
--juicy-element-laser-color Color of the shooted lasers.

History

For detailed changelog, check Releases.

License

MIT

About

Fork this repo if you want to start your own Web Component using VanillaJS

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 81.4%
  • JavaScript 18.6%