# vue-navbar-responsive

> Simple Responsive Vue Customizable NavBar

Latest version **1.3.0** (published 2022-04-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-navbar-responsive
pnpm add vue-navbar-responsive
yarn add vue-navbar-responsive
bun add vue-navbar-responsive
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.0 |
| Published | 2022-04-18 |
| First published | 2022-03-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=12 |
| Dependencies | 0 |
| Unpacked size | 42.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Adrian Begic |
| Maintainers | adrian_446 |
| Keywords | vue, vue-navbar, navbar, responsive-navbar, nav, menu |

## Links

- npm: https://www.npmjs.com/package/vue-navbar-responsive
- Repository: https://github.com/AdrianBegic/vue-image-comparison
- Homepage: https://github.com/AdrianBegic/vue-image-comparison#readme
- Issues: https://github.com/AdrianBegic/vue-image-comparison/issues
- npm.io page: https://npm.io/package/vue-navbar-responsive

## Alternatives

- [express-promise-router](https://npm.io/package/express-promise-router.md) — 736.1K weekly downloads
- [next-usequerystate](https://npm.io/package/next-usequerystate.md) — 29.8K weekly downloads
- [@bitkyc08/opencodex](https://npm.io/package/@bitkyc08/opencodex.md) — 4.6K weekly downloads
- [lynkr](https://npm.io/package/lynkr.md) — 575 weekly downloads
- [baremetal.js](https://npm.io/package/baremetal.js.md) — 42 weekly downloads

## Recent versions

- 1.3.0 (latest) — 2022-04-18
- 1.2.9 — 2022-04-14
- 1.2.8 — 2022-04-13
- 1.2.7 — 2022-04-12
- 1.2.6 — 2022-04-11
- 1.2.5 — 2022-04-07
- 1.2.4 — 2022-04-04
- 1.2.1 — 2022-03-07
- 1.2.2 — 2022-03-07
- 1.1.2 — 2022-03-01
- 1.1.1 — 2022-03-01
- 1.1.0 — 2022-03-01
- 1.0.2 — 2022-03-01
- 1.0.1 — 2022-03-01
- 1.0.0 — 2022-03-01

## README

# vue-navbar

Simple Vue.js Responsive Navbar component.



## Features

- Simple
- Responsive
- Can Be Styled  




## How to use


In the shell:            

```
npm i vue-navbar-responsive
```
In your component file:
```vue



import VueNavbarResponsive from 'vue-navbar-responsive';

export default {
  name: 'App',
  components: {
  VueNavbarResponsive
  },

  setup() {
        const navLinks = ([{
                name: "Home",
                path: "/",
            },
            {
                name: "About",
                path: "/about",
            },
            {
                name: "FAQs",
                path: "/faqs",
            },
            {
                name: "More",
                path: "/more",
            },
            {
                name: "Media",
                path: "/media",
            },
        ]);

        const navConfig = ({
            
            navBg: "#000",
            linkFont: "Sans-serif",
            linkColor: "#fff",
            linkColorHover: "#fff",
            navLogo: "https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg",
        });

        return {
            navLinks, navConfig
        };
    },
```


```xml```
<template>
  <VueNavbarResponsive :navLinks="navLinks" :navConfig="navConfig"/>
</template>
```

---
_Source: https://npm.io/package/vue-navbar-responsive · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._