Skip to content
/ rbel Public

allows to define custom elements for hyperx, defaulting to your h function of choice

Notifications You must be signed in to change notification settings

aaaristo/rbel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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 (only client side see #1)
  • hyperscript - hyperscript

About

allows to define custom elements for hyperx, defaulting to your h function of choice

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published