@inventage-web-components/hamburger-menu/README.md

A simple hamburger menu component.

# @inventage-web-components/hamburger-menu

A simple hamburger menu component.

[![Published on npm](https://img.shields.io/npm/v/@inventage-web-components/hamburger-menu.svg?style=flat-square)](https://www.npmjs.com/package/@inventage-web-components/hamburger-menu)
[![License](https://img.shields.io/npm/l/@inventage-web-components/common?style=flat-square)](https://github.com/inventage/web-components/blob/main/LICENSE)
[![Release](https://img.shields.io/github/actions/workflow/status/inventage/web-components/release.yml?style=flat-square)](https://github.com/inventage/web-components/actions)
[![Bundle Size](https://img.shields.io/bundlephobia/minzip/@inventage-web-components/hamburger-menu/latest?style=flat-square)](https://bundlephobia.com/package/@inventage-web-components/hamburger-menu@latest)

## Quick Start

Use [unpkg.com](https://unpkg.com/browse/@inventage-web-components/hamburger-menu/) to get a simple example running in a single HTML file:

```html
<script type="module" src="https://unpkg.com/@inventage-web-components/hamburger-menu/lib/src/hamburger-menu.js?module"></script>

<hamburger-menu></hamburger-menu>
```

Here's an [example of this method](https://hail-lacy-buckthorn.glitch.me/) to get you started.

## Installation

```bash
npm i @inventage-web-components/hamburger-menu
```

## Usage

```html
<!--
  Adjust path to node_modules and use a dev server that support Node module
  resolution, like Web Dev server: https://www.npmjs.com/package/@web/dev-server
-->
<script
  type="module"
  src="/node_modules/@inventage-web-components/hamburger-menu/lib/src/hamburger-menu.js"
</script>

<hamburger-menu></hamburger-menu>
```

## Documentation

The API documentation as well as interactive examples can be found in the [Storybook examples](https://inventage.github.io/web-components/?path=/story/hamburger-menu--default).