Svelte Hamburger

 

Featherweight, performant, animated hamburger menu icon for Svelte with no external dependencies.

$3

``sh
npm i svelte-hamburger
`

`svelte


open = !open} />
`

$3

| Property | Type | Default | Description |
| --------- | --------- | ------- | ---------------------------------------- |
| open | boolean | false | Whether hamburger is open |
| duoLine | boolean | false | Whether to only use 2 lines for the icon |

`svelte

`

$3

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

``