fuse-box-aurelia-loader/sample/src/components/nav-bar.html

Fuse-Box loader for Aurelia framework

<template>
    <nav class="light-blue lighten-1" role="navigation">
        <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Fusebox</a>
            <ul class="right hide-on-med-and-down">
                <li repeat.for="row of router.navigation" md-waves>
                    <a href.bind="row.href" class="${ row.isActive ? 'active' : '' }">${row.title}</a>
                </li>
            </ul>

            <ul id="nav-mobile" class="side-nav">
                <li repeat.for="row of router.navigation">
                    <a href.bind="row.href" class="${ row.isActive ? 'active' : '' }">${row.title}</a>
                </li>
            </ul>
            <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
        </div>
    </nav>
</template>