Ion-search-input NPM

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'`