mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
26 lines
1.4 KiB
HTML
26 lines
1.4 KiB
HTML
<ion-content>
|
|
<h5 padding-left> Search - Default </h5>
|
|
<ion-searchbar [(ngModel)]="defaultSearch" debounce="500" (input)="triggerInput($event)" (blur)="inputBlurred($event)" (focus)="inputFocused($event)" (cancel)="onCancelSearchbar($event)" (clear)="onClearSearchbar($event)" class="e2eDefaultFloatingSearchbar"></ion-searchbar>
|
|
|
|
<p padding-left>
|
|
defaultSearch: <b>{{ defaultSearch }}</b>
|
|
</p>
|
|
|
|
<h5 padding-left> Search - Custom Placeholder </h5>
|
|
<ion-searchbar [(ngModel)]="customPlaceholder" (input)="triggerInput($event)" (cancel)="onCancelSearchbar($event)" (clear)="onClearSearchbar($event)" placeholder="Filter Schedules" class="e2eCustomPlaceholderFloatingSearchbar"></ion-searchbar>
|
|
|
|
<p padding-left>
|
|
customPlaceholder: <b>{{ customPlaceholder }}</b>
|
|
</p>
|
|
|
|
<h5 padding-left> Search - Hide Cancel Button </h5>
|
|
<ion-searchbar [(ngModel)]="defaultCancel" (input)="triggerInput($event)" (cancel)="onCancelSearchbar($event)" (clear)="onClearSearchbar($event)" hideCancelButton class="e2eDefaultCancelButtonFloatingSearchbar"></ion-searchbar>
|
|
|
|
<p padding-left>
|
|
defaultCancel: <b>{{ defaultCancel }}</b>
|
|
</p>
|
|
|
|
<h5 padding-left> Search - Custom Cancel Button Danger </h5>
|
|
<ion-searchbar (input)="triggerInput($event)" (cancel)="onCancelSearchbar($event)" (clear)="onClearSearchbar($event)" cancelButtonText="Really Long Cancel" class="e2eCustomCancelButtonFloatingSearchbar" danger></ion-searchbar>
|
|
</ion-content>
|