Hamburger Menu Button

A component for implementing the hamburger button used in mobile menus.

The horizontal or vertical alignment of the icon and text is adjusted automatically, but it can also be specified explicitly.

html

<button
        class="hamburger-iconbtn"
        type="button">
    <i class="hamburger-icon"></i>
    Menu
</button>
<button
        class="hamburger-btn"
        type="button">
    <i class="hamburger-icon"></i>
    Menu
</button>