MenuClose [menuClose]
[menuClose]The menuClose directive can be placed on any button to close an open menu.
Usage
A simple menuClose button can be added using the following markup:
<button ion-button menuClose>Close Menu</button> To close a certain menu by its id or side, give the menuClose directive a value.
<button ion-button menuClose="left">Close Left Menu</button> Sass Variables
| Property | Default | Description |
|---|---|---|
$menu-width | 304px | Width of the menu |
$menu-small-width | $menu-width - 40px | Width of the menu on small devices (under 340px) |
| Property | Default | Description |
|---|---|---|
$menu-ios-background | $background-ios-color | Background of the menu |
$menu-ios-box-shadow-color | rgba(0, 0, 0, .25) | Box shadow color of the menu |
$menu-ios-box-shadow | 0 0 10px $menu-ios-box-shadow-color | Box shadow of the menu |
| Property | Default | Description |
|---|---|---|
$menu-md-background | $background-md-color | Background of the menu |
$menu-md-box-shadow-color | rgba(0, 0, 0, .25) | Box shadow color of the menu |
$menu-md-box-shadow | 0 0 10px $menu-md-box-shadow-color | Box shadow of the menu |
| Property | Default | Description |
|---|---|---|
$menu-wp-background | #f2f2f2 | Background of the menu |