# ion-menu-button Menu Button is component that automatically creates the icon and functionality to open a menu on a page. ## Properties #### autoHide boolean Automatically hides the menu button when the corresponding menu is not active #### color string 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](/docs/theming/basics). #### menu string Optional property that maps to a Menu's `menuId` prop. Can also be `left` or `right` for the menu side. This is used to find the correct menu to toggle #### mode string The mode determines which platform styles to use. Possible values are: `"ios"` or `"md"`. ## Attributes #### auto-hide boolean Automatically hides the menu button when the corresponding menu is not active #### color string 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](/docs/theming/basics). #### menu string Optional property that maps to a Menu's `menuId` prop. Can also be `left` or `right` for the menu side. This is used to find the correct menu to toggle #### mode string The mode determines which platform styles to use. Possible values are: `"ios"` or `"md"`. ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)*