mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 05:58:26 +08:00
05c7b8f0d7
- add spacing between imports - alphabetize imports - removed app.html files in favor of an inline ion-nav - cleaned up config demo so it uses proper syntax - use file name main.html for the first page for the demo - name the app ApiDemoApp and first page ApiDemoPage - replace the ion-toolbars with ion-navbars closes #7019 closes driftyco/ionic-site#647
35 lines
787 B
HTML
35 lines
787 B
HTML
<ion-header>
|
|
|
|
<ion-navbar no-border-bottom>
|
|
<ion-title>Searchbar</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-toolbar no-border-top>
|
|
<ion-searchbar placeholder="Filter Items" (ionInput)="filterItems($event)"></ion-searchbar>
|
|
</ion-toolbar>
|
|
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
|
|
<ion-searchbar placeholder="Filter Items with Cancel" showCancelButton danger (ionInput)="filterItems($event)"></ion-searchbar>
|
|
|
|
<p padding-left padding-right>Searchbars can be placed in a toolbar or anywhere in the content.</p>
|
|
|
|
<ion-list>
|
|
<ion-item *ngFor="let item of items">
|
|
{{ item }}
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
</ion-content>
|
|
|
|
|
|
<ion-footer>
|
|
|
|
<ion-toolbar danger>
|
|
<ion-searchbar placeholder="Search" (ionInput)="filterItems($event)"></ion-searchbar>
|
|
</ion-toolbar>
|
|
|
|
</ion-footer>
|