mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 05:21:52 +08:00
938864e8d0
BREAKING CHANGES: - `<button>` becomes `<button ion-button>` - `<a button>` becomes `<a ion-button>` - `<button ion-item>` does not get the `ion-button` attribute - Buttons inside of `<ion-item-options>` do get the `ion-button` attribute - Removed the `category` attribute, this should be passed in `ion-button` instead. - Button attributes added for icons in buttons: `icon-only`, `icon-left`, and `icon-right` closes #7466
28 lines
681 B
HTML
28 lines
681 B
HTML
<ion-header>
|
|
|
|
<ion-navbar>
|
|
<button ion-button [menuToggle]="activeMenu">
|
|
<ion-icon name="menu"></ion-icon>
|
|
</button>
|
|
<ion-title>
|
|
Menu
|
|
</ion-title>
|
|
</ion-navbar>
|
|
|
|
</ion-header>
|
|
|
|
|
|
<ion-content padding>
|
|
|
|
<h4>Active Menu: <b primary>{{ (activeMenu == 'menu1') ? 'Menu 1' : 'Menu 2' }}</b></h4>
|
|
|
|
<p>This page has two menus with different id's, but only one is active at a time.</p>
|
|
|
|
<button ion-button block secondary (click)="menu1Active()">Make Menu 1 Active</button>
|
|
|
|
<button ion-button block danger (click)="menu2Active()">Make Menu 2 Active</button>
|
|
|
|
<button ion-button block [menuToggle]="activeMenu">Toggle Menu</button>
|
|
|
|
</ion-content>
|