Custom Elements

gistfile1.txt

// JS definition
var SignupElementProto = Object.create(HTMLElement.prototype);
var SignupElement = document.registerElement('signup-page', {
  prototype: SignupElementProto
  // element property definition(s)
});

<signup-page></signup-page>

OR

document.body.appendChild(new SignupElement());




EXTENDING



// JS definition
var SignupElementProto = Object.create(HTMLElement.prototype);
var SignupElement = document.registerElement('signup-page', {
  prototype: SignupElementProto,
  extends: 'div',
  // element property definition(s)
});



<div is="signup-page"></div>