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 |