mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
24840d4d99
- updates menu-button to use the host element - moves menu-toggle logic to a utils file for menu button to share - removes the dependency on menu-toggle - adds an e2e test for an auto-hidden menu button fixes #18666
ion-menu-toggle
The MenuToggle component can be used to toggle a menu open or closed.
By default, it's only visible when the selected menu is active. A menu is active when it can be opened/closed. If the menu is disabled or it's being presented as a split-pane, the menu is marked as non-active and ion-menu-toggle hides itself.
In case it's desired to keep ion-menu-toggle always visible, the autoHide property can be set to false.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
autoHide |
auto-hide |
Automatically hides the content when the corresponding menu is not active. By default, it's true. Change it to false in order to keep ion-menu-toggle always visible regardless the state of the menu. |
boolean |
true |
menu |
menu |
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. If this property is not used, ion-menu-toggle will toggle the first menu that is active. |
string | undefined |
undefined |
Built with StencilJS