mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
9b60da4308
Cancel button shows when clicking in input box, animation isn’t done though. Added some examples. References #247
18 lines
769 B
HTML
18 lines
769 B
HTML
<!-- <ion-toolbar>
|
|
<form [ng-form-model]="toolbarForm">
|
|
<ion-search-bar ng-control="toolbarSearchQuery"></ion-search-bar>
|
|
</form>
|
|
</ion-toolbar> -->
|
|
<ion-content>
|
|
<form [ng-form-model]="form">
|
|
<label> Search - Default </label>
|
|
<ion-search-bar ng-control="searchQuery" class="e2eFloatingSearchBar"></ion-search-bar>
|
|
<label> Search - Custom Placeholder </label>
|
|
<ion-search-bar ng-control="searchQuery" placeholder="Filter"></ion-search-bar>
|
|
<label> Search - Cancel Button </label>
|
|
<ion-search-bar ng-control="searchQuery" show-cancel="true"></ion-search-bar>
|
|
<label> Search - Custom Cancel Button </label>
|
|
<ion-search-bar ng-control="searchQuery" show-cancel="true" cancel-text="Done"></ion-search-bar>
|
|
</form>
|
|
</ion-content>
|