open-index/open-npm huggingface dataset:
npm package: @next-level-integration/nli-search-bar-lib
Description: Simple material style search box component. This component support dense mode. This component has  dependency to google material font and icon. The general structure of component:
Latest version: 1.1.3

# NliSearchBarLib

Simple material style search box component. This component support dense mode. This component has 
dependency to google material font and icon.
The general structure of component:

	<nli-search-bar placeHolder="" (onSearch)="" value="">
	</nli-search-bar>

	placeHolder: input parameter for hint
	onSearch: output parameter for applying search
	value: input value
	
### Setup Steps:
1. Add dependency in package.json under dependencies object:
	    `"nli-search-bar-lib": "1.1.3"`

2. Add CSS dependencies to main html file which by default is index.html:

	<head>
		...
	  	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	  	<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic"
	    type="text/css" rel="stylesheet">
	        ...
	</head>

3. Run npm install in project folder (The home folder that `package.json` exists):
  		`npm install`
   This command downloads all dependencies including nli-search-bar-lib. You can also download just this module with:
  	    `npm install nli-search-bar-lib`
   
4. Import search-bar module to your project. In your main module (or module that you want use this component) that its default name is
 	`app.module.ts`, import it:
 	
	import { LibModule as NliSearchModule} from 'nli-search-bar-lib';
	...
	@NgModule({
	  ...
	  imports: [
	    ...
	    NliSearchModule
	   ]
	   ...
	});
	
Usage example:

	<div style="width: 300px; padding: 20px;" >
		<nli-search-bar placeHolder="Suche" (onSearch)="applySearch($event) value="my text"">
		</nli-search-bar>
	</div>
npm package: @next-level-integration/search-bar
Description: Search bar angular component
Author: Albert Szekely
Latest version: 10.0.8-beta

# @next-level-integration/search-bar
#### Install:
    npm install @next-level-integration/search-bar
##### Importing:
    import { NliSearchBarModule } from '@next-level-integration/search-bar';
##### Add this to the styles:
    .nli-primary {
    color: mat-color($primary-color) !important;
    }
    .nli-accent {
    color: mat-color($accent-color) !important;
    }
    .nli-warn {
    color: mat-color($warn-color) !important;
    }
    .nli-primary-bg {
    background-color: mat-color($primary-color) !important;
    }
    .nli-accent-bg {
    background-color: mat-color($accent-color) !important;
    }
    .nli-warn-bg {
    background-color: mat-color($warn-color) !important;
    }
    .nli-primary-border {
    border-color: mat-color($primary-color) !important;
    border-top-color: mat-color($primary-color) !important;
    border-bottom-color: mat-color($primary-color) !important;
    border-left-color: mat-color($primary-color) !important;
    border-right-color: mat-color($primary-color) !important;
    }
    .nli-accent-border {
    border-color: mat-color($accent-color) !important;
    border-top-color: mat-color($accent-color) !important;
    border-bottom-color: mat-color($accent-color) !important;
    border-left-color: mat-color($accent-color) !important;
    border-right-color: mat-color($accent-color) !important;
    }
    .nli-warn-border {
    border-color: mat-color($warn-color) !important;
    border-top-color: mat-color($warn-color) !important;
    border-bottom-color: mat-color($warn-color) !important;
    border-left-color: mat-color($warn-color) !important;
    border-right-color: mat-color($warn-color) !important;
    }

### Usage

###### HTML
    <nli-search-bar placeHolder="Search" (onSearch)="search($event)" value="Search...">
    </nli-search-bar>


# Changelog:
* 1.0.0 Initial version
* 1.0.1 small fixes
* 2.0.0 Moved from BrowserModule and BrowserAnimationsModule to CommonModule
* 2.0.1 Fixed search bar CSS
* 2.0.2 Fixed search bar CSS for IE
* 2.0.3 Fixed search bar CSS for IE