ionic select with search code example
Example 1: ionic select
<ion-select placeholder="Select One">
<ion-select-option value="f">Female</ion-select-option>
<ion-select-option value="m">Male</ion-select-option>
</ion-select>
Example 2: ionic select
<ion-list>
<ion-list-header>
<ion-label>
Single Selection
</ion-label>
</ion-list-header>
<ion-item>
<ion-label>Gender</ion-label>
<ion-select placeholder="Select One">
<ion-select-option value="f">Female</ion-select-option>
<ion-select-option value="m">Male</ion-select-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Hair Color</ion-label>
<ion-select value="brown" okText="Okay" cancelText="Dismiss">
<ion-select-option value="brown">Brown</ion-select-option>
<ion-select-option value="blonde">Blonde</ion-select-option>
<ion-select-option value="black">Black</ion-select-option>
<ion-select-option value="red">Red</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
Example 3: ionic search
<ion-searchbar></ion-searchbar>
<ion-searchbar showCancelButton="always"></ion-searchbar>
<ion-searchbar showCancelButton="never"></ion-searchbar>
<ion-searchbar showCancelButton="focus"></ion-searchbar>
<ion-searchbar color="danger"></ion-searchbar>
<ion-searchbar value="Ionic"></ion-searchbar>
<ion-searchbar type="tel"></ion-searchbar>
<ion-searchbar inputmode="numeric"></ion-searchbar>
<ion-searchbar disabled="true"></ion-searchbar>
<ion-searchbar showCancelButton="focus" cancelButtonText="Custom Cancel"></ion-searchbar>
<ion-searchbar debounce="500"></ion-searchbar>
<ion-searchbar animated></ion-searchbar>
<ion-searchbar placeholder="Filter Schedules"></ion-searchbar>
<ion-toolbar>
<ion-searchbar></ion-searchbar>
</ion-toolbar>