Burger Menu Icon
A simple clickable menu icon
About this Component
A minimal interactive icon component designed for toggling navigation menus.
Features:
Toggle behavior: switches between closed (hamburger) and open (X) states
Smooth morph animation for the icon lines
Customizable color and transition
Integration ready — you can bind the toggle to show/hide a menu panel
Responsive support: you can conditionally show or hide it based on viewport width
How to use:
Copy the component into your project
Place it within your header, navbar, or wherever you want the toggle
Link the component to any interaction you prefer
Customize to your liking
Use the visibility variable if you wish to hide it on a certain breakpoint
