rbel
v1.0.2
Published
allows to define custom elements for hyperx, defaulting to your h function of choice
Downloads
3
Readme
rbel
create your own elements for hyperx tagged templates
example
const h = require('hyperscript');
const html = require('rbel')(h, {
row: (attrs, children) => html`
<div class="row">
${children}
</div>`,
column: (attrs, children) => html`
<div class="col col-md-${attrs.md}">
${children}
</div>`,
});
console.log(html`
<row>
<column md="12">
<span>1 ciao!</span>
</column>
</row>`.outerHTML);
Values to use for h
:
- virtual-dom -
vdom.h
- react -
React.createElement
- bel -
require('bel').createElement
- hyperscript - hyperscript