mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
21 lines
1.1 KiB
HTML
21 lines
1.1 KiB
HTML
<ion-content>
|
|
<h5 padding-left padding-top> Search - Default </h5>
|
|
<ion-search-bar [(ng-model)]="defaultSearch" class="e2eDefaultFloatingSearchBar"></ion-search-bar>
|
|
|
|
<h5 padding-left> Search - Custom Placeholder </h5>
|
|
<ion-search-bar [(ng-model)]="customPlaceholder" placeholder="Filter" class="e2eCustomPlaceholderFloatingSearchBar"></ion-search-bar>
|
|
|
|
<h5 padding-left> Search - Default Cancel Button </h5>
|
|
<ion-search-bar [(ng-model)]="defaultCancel" show-cancel="true" class="e2eDefaultCancelButtonFloatingSearchBar"></ion-search-bar>
|
|
|
|
<h5 padding-left> Search - Custom Cancel Button </h5>
|
|
<ion-search-bar [(ng-model)]="customCancel" show-cancel="true" cancel-text="Really Long Cancel" class="e2eCustomCancelButtonFloatingSearchBar"></ion-search-bar>
|
|
|
|
<h5 padding-left> Search - Custom Cancel Action</h5>
|
|
<ion-search-bar [(ng-model)]="customCancelAction" show-cancel="true" cancel-text="Done" [cancel-action]="myCancelAction" class="e2eCustomCancelActionFloatingSearchBar"></ion-search-bar>
|
|
|
|
<div *ng-if="clickedCustomAction">
|
|
Clicked custom action with input = {{customCancelAction}}
|
|
</div>
|
|
</ion-content>
|