Svelte Hamburger
[](https://www.npmjs.com/package/svelte-hamburger) [](https://github.com/madeleineostoja/svelte-hamburger/blob/master/LICENSE.md)
Featherweight, performant, animated hamburger menu icon for Svelte with no external dependencies.
### Usage
```sh
npm i svelte-hamburger
```
```svelte
open = !open} />
```
### Properties
| Property | Type | Default | Description |
| --------- | --------- | ------- | ---------------------------------------- |
| `open` | `boolean` | `false` | Whether hamburger is open |
| `duoLine` | `boolean` | `false` | Whether to only use 2 lines for the icon |
```svelte
```
### Styling
Set the desired height, width, and color of the icon direclty on the component. It will consume `class` strings and you can target them with a `:global` modifier in your Svelte styles.
```svelte
```
Additionally the following CSS properties are available for more fine grained control over the style of the icon.
| Property | Default | Description |
| -------------- | ------- | ----------------------- |
| `--line-width` | `2px` | Width of the icon lines |
```svelte
```