ng-eldeeb-magic-search
v16.0.2
Published
This the search input magic made by Mohamed Eldeeb ❤️
Downloads
2
Maintainers
Readme
Eldeeb magic search
This library was generated with Angular CLI grater than version ^13.0.0.
Import
import { NgxEldeebModule } from 'ng-eldeeb-magic-search';
@NgModule({
declarations: [],
imports: [
BrowserModule,
AppRoutingModule,
NgxEldeebModule
],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
Usage/Examples
<eldeeb-magic-search
[formControl]="search"
[placeholder]="('search' | translate) + '...'"
outlineOption="2.5px solid #03a9f4"
class="search sm:h-11 h-8">
</eldeeb-magic-search>
Accessablity
| Parameter | Type | Description |
| :-------- | :------- | :------------------------- |
| Input() char
| string
| Optional. your shortcut character, by default ( S ) |
| Input() type
| string
| Optional. Input type, by default ( test ) |
| Input() placeholder
| string
| Optional. Input placeholder, by default ( Search... ) |
| Input() inputCLass
| string
| Optional. scss or css classes |
| Input() outlineOption
| string
| Optional. Input outline border by default ( 2px solid gray ) |
| Input() outlineOption
| string
| Optional. Input outline border by default ( 2px solid gray ) |
| output() blur
| EventEmitter<unknown>
| On blur input |
| output() focus
| EventEmitter<unknown>
| On focus input |
| output() change
| EventEmitter<unknown>
| On change input |
Support
Made with love ❤️, For support, email [email protected].