<h1 align="center">Alpine Navbar</h1>

<p align="center">
  Simple Interactif Navbar Directive for <a href="https://alpinejs.dev">Alpine.js</a>
</p>


## Installation

### CDN

Include the following `<script>` tag in the `<head>` of your document, just before Alpine.

```html

```

### NPM

```shell
npm install @flexilla/alpine-navbar
```

Add the `x-navbar` directive to your project by importing the package **before** starting Alpine.

```js
import Alpine from 'alpinejs';
import PluginNavbar from '@flexilla/alpine-navbar';

Alpine.plugin(PluginModal);

Alpine.start();
```

##  Usage

```html

```

## License

Copyright (c) 2025 Johnkat MJ and contributors.

Licensed under the MIT license, see [LICENSE](LICENSE) for details.
