Exemplos de @motorcycle/dom li em JavaScript

Exemplo n.º 1

Arquivo: index.js Projeto: axefrog/epicycle

function view(route, paths, ahref) {
  return (
    nav('.nav-primary', [
      ul('.nav-primary__links', [
        li('.nav-primary__link', { class: { 'nav-primary__link--active': route.fullPath === paths.home } }, [ahref(paths.home, 'Home')]),
        li('.nav-primary__link', { class: { 'nav-primary__link--active': route.fullPath === paths.about } }, [ahref(paths.about, 'About')]),
        li('.nav-primary__link', { class: { 'nav-primary__link--active': false } }, [ahref('/broken-link-should-generate-404', 'This link is broken')])
      ])
    ])
  );
}

Exemplo n.º 2

Arquivo: navigation.js Projeto: saitodisse/motorcycle-isomorphic-boilerplate

 return route$.map(({path}) =>
   nav(`.${css}`, [
     li([ahref(paths.home, 'Home')]),
     li([ahref(paths.about, 'About')]),
     li([ahref('/broken-link-should-generate-404', 'This link is broken')])
   ])