Overview:

Svelte Hamburgers is a menu component for Svelte 3 & 4 that provides an easy-to-use and customizable hamburger menu. It is powered by a modified version of hamburgers.css and offers an extensive set of options for customization. The component is fully compatible with Svelte 3 and 4, making it a versatile choice for developers.

Features:

• Fully customizable hamburger menu component for Svelte
• Compatible with Svelte 3 & 4
• Powered by a modified version of hamburgers.css
• Offers an extensive set of options for customization

Installation:

To install Svelte Hamburgers as a dev dependency, use the following command in your terminal:

npm install svelte-hamburgers -D

How to Use:

After installing the package, you can use the open variable to handle your menu. For example:

<script>
  import Hamburger from 'svelte-hamburgers';

  let isOpen = false;
  
  function toggleMenu() {
    isOpen = !isOpen;
  }
</script>

<button on:click={toggleMenu}>
  Toggle Menu
</button>

<Hamburger class:active={isOpen} />

Summary:

Svelte Hamburgers is a convenient menu component for Svelte that offers extensive customization options. It is fully compatible with Svelte 3 and 4, making it a versatile choice for developers. With its easy installation process and simple usage, it provides a seamless experience for incorporating a hamburger menu into Svelte projects.