How to use the @hyperapp/html.li function in @hyperapp/html
To help you get started, we’ve selected a few @hyperapp/html examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
jc21 / docker-registry-ui / src / frontend / js / components / tabler / nav.js View on Github 
export default (show_delete) => {
let selected = 'images';
if (window.location.hash.substr(0, 14) === '#/instructions') {
selected = 'instructions';
}
return div({class: 'header collapse d-lg-flex p-0', id: 'headerMenuCollapse'},
div({class: 'container'},
div({class: 'row align-items-center'},
div({class: 'col-lg order-lg-first'}, [
ul({class: 'nav nav-tabs border-0 flex-column flex-lg-row'}, [
li({class: 'nav-item'},
Link({class: 'nav-link' + (selected === 'images' ? ' active' : ''), to: '/'}, [
i({class: 'fe fe-box'}),
'Images'
])
),
li({class: 'nav-item'}, [
a({class: 'nav-link' + (selected === 'instructions' ? ' active' : ''), href: 'javascript:void(0)', 'data-toggle': 'dropdown'}, [
i({class: 'fe fe-feather'}),
'Instructions'
]),
div({class: 'dropdown-menu dropdown-menu-arrow'}, [
Link({class: 'dropdown-item', to: '/instructions/pulling'}, 'Pulling'),
Link({class: 'dropdown-item', to: '/instructions/pushing'}, 'Pushing'),
show_delete ? Link({class: 'dropdown-item', to: '/instructions/deleting'}, 'Deleting') : null
])
])
