mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
68 lines
4.2 KiB
HTML
68 lines
4.2 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 name="ion-navicon"></icon>
|
|
</button>
|
|
<button>
|
|
<icon name="ion-heart"></icon>
|
|
</button>
|
|
</ion-nav-items>
|
|
<ion-nav-items secondary>
|
|
<button>
|
|
<icon name="ion-more"></icon>
|
|
</button>
|
|
</ion-nav-items>
|
|
<ion-title>Defaults</ion-title>
|
|
</ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button class="hover"><icon name="ion-navicon"></icon></button><button class="hover"><icon name="ion-heart"></icon></button></ion-nav-items><ion-nav-items secondary><button class="hover"><icon name="ion-more"></icon></button></ion-nav-items><ion-title>Defaults.hover</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button class="activated"><icon name="ion-navicon"></icon></button><button class="activated"><icon name="ion-heart"></icon></button></ion-nav-items><ion-nav-items secondary><button class="activated"><icon name="ion-more"></icon></button></ion-nav-items><ion-title>Defaults.activated</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button clear><icon name="ion-flag"></icon></button><button clear><icon name="ion-navicon"></icon>Menu</button></ion-nav-items><ion-title>Clear</ion-title><ion-nav-items secondary><button clear secondary>Help<icon name="ion-help-circled"></icon></button></ion-nav-items></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button clear class="hover"><icon name="ion-flag"></icon></button><button clear class="hover"><icon name="ion-navicon"></icon>Menu</button></ion-nav-items><ion-title>Clear</ion-title><ion-nav-items secondary><button clear secondary class="hover">Help<icon name="ion-help-circled"></icon></button></ion-nav-items></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button clear class="activated"><icon name="ion-flag"></icon></button><button clear class="activated"><icon name="ion-navicon"></icon>Menu</button></ion-nav-items><ion-title>Clear</ion-title><ion-nav-items secondary><button clear secondary class="activated">Help<icon name="ion-help-circled"></icon></button></ion-nav-items></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button outline><icon name="ion-navicon"></icon></button primary><button outline><icon name="ion-star"></icon>Star</button></ion-nav-items><ion-nav-items secondary><button secondary outline><icon name="ion-flag"></icon></button></ion-nav-items><ion-title>Outline</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-toolbar><ion-nav-items primary><button outline class="hover"><icon name="ion-navicon"></icon></button primary><button outline class="hover"><icon name="ion-star"></icon>Star</button></ion-nav-items><ion-nav-items secondary><button secondary outline class="hover"><icon name="ion-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 name="ion-navicon"></icon></button primary><button outline class="activated"><icon name="ion-star"></icon>Star</button></ion-nav-items><ion-nav-items secondary><button secondary outline class="activated"><icon name="ion-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 name="ion-navicon"></icon>Menu</button></ion-nav-items><ion-nav-items secondary><button>Edit<icon name="ion-edit"></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>
|