mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +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
101 lines
2.6 KiB
HTML
101 lines
2.6 KiB
HTML
<ion-header>
|
|
|
|
<ion-navbar>
|
|
<ion-title>Item</ion-title>
|
|
</ion-navbar>
|
|
|
|
</ion-header>
|
|
|
|
|
|
<ion-content class="outer-content">
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
Settings
|
|
<button ion-button icon-only item-right clear>
|
|
<ion-icon name="cog"></ion-icon>
|
|
</button>
|
|
</ion-list-header>
|
|
|
|
<ion-item-group>
|
|
<ion-item>
|
|
<ion-icon name="plane" item-left danger></ion-icon>
|
|
<ion-label>Airplane Mode</ion-label>
|
|
<ion-toggle secondary></ion-toggle>
|
|
</ion-item>
|
|
|
|
<button ion-item>
|
|
<ion-icon name="wifi" item-left primary></ion-icon>
|
|
<ion-label>Wi-Fi</ion-label>
|
|
<ion-note item-right>The Interwebz</ion-note>
|
|
</button>
|
|
|
|
<button ion-item>
|
|
<ion-icon name="bluetooth" item-left primary></ion-icon>
|
|
<ion-label>Bluetooth</ion-label>
|
|
<ion-note item-right>Off</ion-note>
|
|
</button>
|
|
</ion-item-group>
|
|
|
|
<ion-item-divider primary>
|
|
Other Settings
|
|
<button ion-button item-right outline light>Clear</button>
|
|
</ion-item-divider>
|
|
|
|
<button ion-item>
|
|
<ion-icon name="call" item-left secondary></ion-icon>
|
|
<ion-label>Cellular</ion-label>
|
|
</button>
|
|
|
|
<button ion-item>
|
|
<ion-icon name="link" item-left secondary></ion-icon>
|
|
<ion-label>Personal Hotspot</ion-label>
|
|
<ion-note item-right>Off</ion-note>
|
|
</button>
|
|
</ion-list>
|
|
|
|
<ion-list radio-group>
|
|
<ion-list-header>
|
|
<ion-icon item-left name="phone-portrait"></ion-icon>
|
|
Silence Phone
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label dark>Always</ion-label>
|
|
<ion-radio value="always" checked></ion-radio>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-label dark>Only while phone is locked</ion-label>
|
|
<ion-radio value="locked"></ion-radio>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
Apps Installed
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-icon name="ionic" item-left primary></ion-icon>
|
|
<ion-label>Ionic View</ion-label>
|
|
<button ion-button outline item-right>Uninstall</button>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-icon name="brush" item-left primary></ion-icon>
|
|
<ion-label>Ionic Creator</ion-label>
|
|
<button ion-button outline item-right>Uninstall</button>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-icon name="logo-octocat" item-left dark></ion-icon>
|
|
<ion-label>Hubstruck</ion-label>
|
|
<button ion-button outline item-right>Uninstall</button>
|
|
</ion-item>
|
|
<ion-item>
|
|
<ion-icon name="paw" item-left danger></ion-icon>
|
|
<ion-label>Barkpark</ion-label>
|
|
<button ion-button outline item-right>Uninstall</button>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
</ion-content>
|