mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
68 lines
3.9 KiB
HTML
68 lines
3.9 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>This is the title that never ends. It just goes on and on my friend.</ion-title>
|
|
</ion-toolbar>
|
|
|
|
|
|
<ion-toolbar>
|
|
<ion-nav-items primary>
|
|
<button>
|
|
<icon menu></icon>
|
|
</button>
|
|
<button>
|
|
<icon heart></icon>
|
|
</button>
|
|
</ion-nav-items>
|
|
<ion-nav-items secondary>
|
|
<button>
|
|
<icon more-horizontal></icon>
|
|
</button>
|
|
</ion-nav-items>
|
|
<ion-title>Defaults</ion-title>
|
|
</ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button class="hover"><icon menu></icon></button><button class="hover"><icon heart></icon></button></ion-nav-items><ion-nav-items secondary><button class="hover"><icon more-horizontal></icon></button></ion-nav-items><ion-title>Defaults.hover</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button class="activated"><icon menu></icon></button><button class="activated"><icon heart></icon></button></ion-nav-items><ion-nav-items secondary><button class="activated"><icon more-horizontal></icon></button></ion-nav-items><ion-title>Defaults.activated</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button clear><icon flag></icon></button><button clear><icon menu></icon>Menu</button></ion-nav-items><ion-title>Clear</ion-title><ion-nav-items secondary><button clear secondary>Help<icon help-circle></icon></button></ion-nav-items></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button clear class="hover"><icon flag></icon></button><button clear class="hover"><icon menu></icon>Menu</button></ion-nav-items><ion-title>Clear</ion-title><ion-nav-items secondary><button clear secondary class="hover">Help<icon help-circle></icon></button></ion-nav-items></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button clear class="activated"><icon flag></icon></button><button clear class="activated"><icon menu></icon>Menu</button></ion-nav-items><ion-title>Clear</ion-title><ion-nav-items secondary><button clear secondary class="activated">Help<icon help-circle></icon></button></ion-nav-items></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button outline><icon menu></icon></button primary><button outline><icon star></icon>Star</button></ion-nav-items><ion-nav-items secondary><button secondary outline><icon flag></icon></button></ion-nav-items><ion-title>Outline</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button outline class="hover"><icon menu></icon></button primary><button outline class="hover"><icon star></icon>Star</button></ion-nav-items><ion-nav-items secondary><button secondary outline class="hover"><icon flag></icon></button></ion-nav-items><ion-title>Outline.hover</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button outline class="activated"><icon menu></icon></button primary><button outline class="activated"><icon star></icon>Star</button></ion-nav-items><ion-nav-items secondary><button secondary outline class="activated"><icon flag></icon></button></ion-nav-items><ion-title>Outline.activated</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button>Btn</button></ion-nav-items><ion-nav-items secondary><button secondary>Btn</button></ion-nav-items><ion-title>ColorAttr</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button class="hover">Btn</button></ion-nav-items><ion-nav-items secondary><button secondary class="hover">Btn</button></ion-nav-items><ion-title>ColorAttr.hover</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button class="activated">Btn</button></ion-nav-items><ion-nav-items secondary><button secondary class="activated">Btn</button></ion-nav-items><ion-title>ColorAttr.activated</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button><icon menu></icon>Menu</button></ion-nav-items><ion-nav-items secondary><button>Edit<icon create></icon></button></ion-nav-items><ion-title>Icon/Color Attr</ion-title></ion-toolbar>
|
|
|
|
|
|
|
|
<style>
|
|
.toolbar {
|
|
border-bottom: 1px solid black;
|
|
background: #eee !important;
|
|
}
|
|
</style>
|