ion-menu-button

Contents

Menu Button is component that automatically creates the icon and functionality to open a menu on a page.

Properties

autoHide

Description

Automatically hides the menu button when the corresponding menu is not active

Attributeauto-hide
Typeboolean
Defaulttrue

color

Description

The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.

Attributecolor
Typestring | undefined

menu

Description

Optional property that maps to a Menu's menuId prop. Can also be start or end for the menu side. This is used to find the correct menu to toggle

Attributemenu
Typestring | undefined

mode

Description

The mode determines which platform styles to use.

Attributemode
Type"ios" | "md"

CSS Custom Properties

NameDescription
--colorColor of the menu button
--padding-bottomPadding bottom of the button
--padding-endPadding end of the button
--padding-startPadding start of the button
--padding-topPadding top of the button