# Navbar - Modern Navigation Component [![Coverage Status](https://coveralls.io/repos/github/thednp/navbar/badge.svg)](https://coveralls.io/github/thednp/navbar) [![ci](https://github.com/thednp/navbar/actions/workflows/ci.yml/badge.svg)](https://github.com/thednp/navbar/actions/workflows/ci.yml) [![NPM Version](https://img.shields.io/npm/v/@thednp/navbar.svg)](https://www.npmjs.com/package/@thednp/navbar) [![NPM Downloads](https://img.shields.io/npm/dm/@thednp/navbar.svg)](http://npm-stat.com/charts.html?package=@thednp/navbar) [![jsDeliver](https://data.jsdelivr.com/v1/package/npm/@thednp/navbar/badge)](https://www.jsdelivr.com/package/npm/@thednp/navbar) [![typescript version](https://img.shields.io/badge/typescript-5.8.3-brightgreen)](https://www.typescriptlang.org/) [![vitest version](https://img.shields.io/badge/vitest-3.1.4-brightgreen)](https://vitest.dev/) [![vite version](https://img.shields.io/badge/vite-6.3.5-brightgreen)](https://github.com/vitejs) The mobile first menu navigation for today's modern web, sourced with Typescript and packed with lots of features. ## Demo Download the package and check the **docs** folder, or check it online [here](http://thednp.github.io/navbar). # Navbar Highlights * Mobile First Design * Accessibility Focus * TypeScript sourced and powerful build tools * SCSS sources with flexible mixins and CSS variables * very light footprint, `5kb` in size when minified * 3 sets of positions top (main), left or right * provides a set of options for JavaScript initialization * DATA API allows you to automatically initiate without JS invocation * modern browsers supported ## How It Works **On mobile** * uses the native events behavior, it requires some elements to click on * shows the `

``` Alternatively you can use only the menu itself and use the specific attribute: ```html ``` Other initialization and markup options apply, explained in [the demo](http://thednp.github.io/navbar/). ## Typescript / ES ```ts import Navbar from '@thednp/navbar' const myNav = new Navbar('#myNav') ``` ## License Navbar is released under [MIT License](https://github.com/thednp/navbar/blob/master/LICENSE).