@elaw/global-search-lib

Angular global search component with animations and Material Design integration.

Installation

npm install @elaw/global-search-lib @elaw/common

Usage

Import the component:

import { GlobalSearchComponent } from '@elaw/global-search-lib';

@Component({
  imports: [GlobalSearchComponent]
})

Use in template:

<lib-global-search
  [placeholder]="'חיפוש...'"
  [searchIcon]="'search'"
  [clearIcon]="'close'"
  (searchChanged)="onSearch($event)"
  (searchCleared)="onClear()"
  (searchOpened)="onOpen()"
  (searchClosed)="onClose()">
</lib-global-search>

Properties

• placeholder: Search input placeholder text
• freeText: Initial search text
• isOpen: Controls search box visibility
• searchIcon: Icon for search button
• clearIcon: Icon for clear button

Events

• searchChanged: Emitted when search is performed
• searchCleared: Emitted when search is cleared
• searchOpened: Emitted when search box opens
• searchClosed: Emitted when search box closes