tagl-mithril

    1.2.2 • Public • Published

    tagl-mithril

    Wrapper around tagl, a readability enhancement for hyperscript code. The example tagl function for mithril is extended by camelcase to hyphenated syntax for css-classes and ids.

    Installation

    npm install --save tagl-mithril

    Example usage

    import tagl_hyperscript from 'tagl-mithril';
    import m from 'mithril'
     
    const {
        nav,  
        section, 
        footer,
        h1, 
        div
    = tagl_hyperscript(m);
     
    m.mount(document.body,{
        view(vnode) {
            return [
                nav.navbar.isInfo(
                    '...'
                ),
                section.content.$home(
                    h1.title('Hello Tagl And Mithril')
                ),
                footer.fixedBottom(
                    '...'
                )
            ]
        }
    })

    The above snippet will be rendered to the DOM like this:

    <nav class="navbar is-info">...</nav>
    <section id="home" class="content">
      <h1 class="title">Hello Tagl And Mithril</h1>
    </section>
    <footer class="fixed-bottom">...</footer>

    What you should have noticed ...

    ... is that you need to define all tags that you want to use as a result of tagl_hyperscript(m).

    ... is that isInfo was turned into is-info, because css classes don't like camelcase.

    ... is that $home was transformed into an id attribute for the section.

    Keywords

    none

    Install

    npm i tagl-mithril

    DownloadsWeekly Downloads

    29

    Version

    1.2.2

    License

    MIT

    Unpacked Size

    26.7 kB

    Total Files

    6

    Last publish

    Collaborators

    • abulvenz