@4geit/ngx-search-bar-component

---

search bar component for angular app

Installation

1. A recommended way to install @4geit/ngx-search-bar-component is through npm package manager using the following command:

npm i @4geit/ngx-search-bar-component --save

Or use yarn using the following command:

yarn add @4geit/ngx-search-bar-component

2. You need to import the NgxSearchBarComponent component within the module you want it to be. For instance app.module.ts as follows:

import { NgxSearchBarComponent } from '@4geit/ngx-search-bar-component';

And you also need to add the NgxSearchBarComponent component with the @NgModule decorator as part of the declarations list.

@NgModule({
  // ...
  declarations: [
    // ...
    NgxSearchBarComponent,
    // ...
  ],
  // ...
})
export class AppModule { }

3. You can also attach the component to a route in your routing setup. To do so, you need to import the NgxSearchBarComponent component in the routing file you want to use it. For instance app-routing.module.ts as follows:

import { NgxSearchBarComponent } from '@4geit/ngx-search-bar-component';

And you also need to add the NgxSearchBarComponent component within the list of routes as follows:

const routes: Routes = [
  // ...
  { path: '**', component: NgxSearchBarComponent }
  // ...
];