Mithril custom elements

material-helper.js

// Primitive example of creating a helper library to describe elements

var m = require('mithril');
var materialElements = ['textfield'];

var mt = function(selector, options, children) {
  if (selector === 'textfield') {
    return m('div.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label', [
      m('input.mdl-textfield__input', {
        id: options.id,
        type: 'text',
        oninput: m.withAttr('value', options.value)
      }, options.value()),
      m('label.mdl-textfield__label', { for: options.id}, options.label)
    ]);
  }

  if (selector === 'button') {
    return m('button.mdl-button.mdl-js-button.mdl-button--raised.mdl-button--colored', options, children);
  }

  return m('div.material-unknown');
};

module.exports = mt;