The navbar component can include logo brand, nav links and buttons, search box or any combination of those elements.
Aligning items on the Navbar is dead simple, just add in the class .is-right or .is-left and that's all.
After adding the sidenav(which is hidden on large device but visible on tablet and mobile device) you'll need JavaScript to make it work. Here's an example
const trigger = document.querySelector('.sidenav-trigger');
const sidenav = document.querySelector('.sidenav');
trigger.addEventListener('click', () => {
sidenav.classList.toggle('is-open')
})
The code above should basically do the job, but you can always tweak it if you want.
This page is open source. Noticed a typo? Or something unclear? Improve this page on GitHub