Neutrinos Peludos Magnéticos

    mithril.sugartags

    0.0.8 • Public • Published

    mithril.sugartags

    Sugar'd tags for mithril templating system - less code, less clutter, more awesome.

    Installing

    Either simply include mithril.sugartags.min.js in your project, or install via bower:

    bower install mithril.sugartags --save
    

    What does it do?

    With sugar tags, your code can be nice like this:

    view: function(ctrl) {
        return [
            UL({class: "listy"}, [
                LI(A({href: '#'}, "item 1")),
                LI(A({href: '#'}, "item 2")),
                LI(A({href: '#'}, "item 3"))
            ])
        ];
    },
    

    Without sugar tags it is a little verbose:

    view: function(ctrl) {
        return [
            m("ul", {class: "listy"}, [
                m("li", m("a", {href: '#'}, "item 1")),
                m("li", m("a", {href: '#'}, "item 2")),
                m("li", m("a", {href: '#'}, "item 3"))
            ])
        ];
    }
    

    It works the same as normal mithril tags, and can be compiled just the same.

    You can also use lowercase tags by doing:

    with(m.sugarTags.lower()) { ...
    

    Note: if you prefer to not pollute the global namespace with the methods to create tags, you can do:

    m.localSugarTags = true;
    

    And then in the template:

    with(m.sugarTags) { ...
    

    Note: Using with might have some performance implications in some circumstances, using global uppercase sugartags is the recommended way.

    Keywords

    none

    Install

    npm i mithril.sugartags

    DownloadsWeekly Downloads

    1

    Version

    0.0.8

    License

    none

    Last publish

    Collaborators

    • jsguy