zirconium

0.1.0 • Public • Published

zirconium

build status

A picoframework for Web Components

usage

Your javascript:

var Zr = require('zirconium');
var h = require('hyperscript');
 
var myWidget = Zr({
  name: 'my-widget',
  elementDidInit: function(children) {
    return h('div', [
      h('div', {style: {color: 'red'}, 'hello world'),
      h('div', children)
    ]);
  }
});

Your markup:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Hello World</title>
    <script src="main.js"></script> 
  </head>
  <body>
    <my-widget>
      <div>foo</div>
    </my-widget>
  </body>
</html>

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.1.0
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.1.0
    0

Package Sidebar

Install

npm i zirconium

Weekly Downloads

0

Version

0.1.0

License

MIT

Last publish

Collaborators

  • rtsao