Nevertheless Published Mine
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

huk-browserify

0.0.1 • Public • Published

huk

Generate HTML code in javascript simply with this module using browserify.

npm install huk-browserify
var $ = require('huk');
 
var button = $.button('Click!');
$()
  .header({ 'class': 'foo' }, 'Header')
  .footer({ id: 'bar' })
  .appendTo(domElement)
;

create an element

simple element

// $.<HTMLTagName>(<Attributes>, <Content>);
 
// creating only with attributes
// attributes are just simple Object key-value pairs
$.b({ id: 'foo' });
 
// if the first argument isn't an Object it will be the content
// content can be a String/Number/DOM element
$.i('bar');
 
// first argument are the attributes
// second argument is the content
$.strong({ id: 'foo' }, 'bar');

multiple element

$()
  .header('foo')
  .section('bar')
  .footer('BOO')
.appendTo(domElement);
  • .appendTo(domElement), .prependTo(domElement): Use them at the and of the chain
  • .text(String): creating a text node
  • .customElement(elementName, attributes, content): creating a custom element

Keywords

none

install

npm i huk-browserify

Downloadsweekly downloads

4

version

0.0.1

license

none

repository

githubgithub

last publish

collaborators

  • avatar