[DEPRECATED]

ion-search-input

A simple ionic search component that renders an input to display the value as well as a search page.

How to use

npm install ion-search-input --save

Import in module

import { IonSearchInputModule } from 'ion-search-input';

@NgModule({
	//...
  imports: [
	//...
    IonSearchInputModule
  ],
  //...
})
export class AppModule {}

View

<ion-search-input [label]="'Teste'" [mock]="true" (selectedEvent)="test($event)"></ion-search-input>`

Input Properties

Attr	Type	Details
label	string	Label that is displayed on the input as well as the navbar title (search screen).
mock	boolean	If true, will populate the input data with a mocked JSON that exists in the keyValue class. Default: false
data	keyValue[]	JSON which will render the component options, the properties are id: number, value: string. More information in keyValue section.
model	number	Default value selected.
placeholder	string	Input Placeholder. Default: 'Click to search'

Output Events

Attr	Details
selectedEvent	Event triggered when selecting a radio and clicking the save button. The id of the selected option is sent.

Screenshots