Hamburger Menu
An iconic three-line menu toggle that transforms smoothly into a symmetrical close symbol.
Click to morph (Closed (☰))
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/hamburger-menu
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| isOpen | boolean | — | Active open/closed toggle state |
| onChange | (isOpen: boolean) => void | — | Callback fired on user interaction |
| size | number | 24 | Width and height of the icon bounding box in pixels |
| color | string | 'currentColor' | Color of the SVG/CSS line strokes |
| label | string | 'Menu' | Accessible name announced to assistive tech |
| disabled | boolean | false | Disables button interactions |