Hamburger Menu

Inkline's hamburger menu is used to control opening and closing elements using various animation options.

Here’s an example of a basic use case for the <IHamburgerMenu> component. This component is usually used together with the Navbar Component and Sidebar Component to control their collapsed state.

Color Variants

You can set the style of a <IHamburgerMenu> using the color property, which can have a value of light or dark. By default, hamburger menus have the light color variant.

Animation

The <IHamburgerMenu> component supports various closed state animations. You can choose a closed state icon using the animation property.

Props

Events

Design Tokens