ion-menu-button
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 |
Attribute | auto-hide |
Type | boolean |
Default | true |
color | |
Description | The color to use from your application's color palette.
Default options are: |
Attribute | color |
Type | string | undefined |
disabled | |
Description | If |
Attribute | disabled |
Type | boolean |
Default | false |
menu | |
Description | Optional property that maps to a Menu's |
Attribute | menu |
Type | string | undefined |
type | |
Description | The type of the button. |
Attribute | type |
Type | "button" | "reset" | "submit" |
Default | 'button' |
CSS Custom Properties
Name | Description |
---|---|
--background | Background of the menu button |
--background-focused | Background of the menu button when focused with the tab key |
--background-hover | Background of the menu button on hover |
--border-radius | Border radius of the menu button |
--color | Color of the menu button |
--color-focused | Color of the menu button when focused with the tab key |
--color-hover | Color of the menu button on hover |
--padding-bottom | Bottom padding of the button |
--padding-end | Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button |
--padding-start | Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button |
--padding-top | Top padding of the button |