0.1.0 • Published 4 years ago
@gmrs/box-search v0.1.0
Box-Search
Caja de busqueda con animación desplegable para angular 7 en adelante
Installation
Esta version requiere de Node.js v4+ para correr.
Instale las dependencias e inicie el servidor.
$ cd <tuProyecto>
$ npm install @gmrs/box-search
$ ng serveInputs y Outputs
A continuacion se describen los inputs y outputs de la librería
| Inputs | Descripción |
|---|---|
| @Input() width: string | Define el ancho de la caja de busqueda. Los valores aceptados como string son: 'short','medium', 'long' |
| @Input() placeholder: string | agrega texto personalizado en el placeholder |
| @Input() expanded: boolean | agrega la animacion para expandir de la busqueda, por defecto esta en true |
| Outputs | Descripción |
|---|---|
| @Output() searchEvent: EventEmitter | retorna el texto escrito en la caja de busqueda cuando el usuario hace submit o clic en el icono de lupa |
Como usar
Import => import { BoxSearchModule } from '@gmrs/box-search';
Implementar el modulo BoxSearchModule dentro de tu modulo principal y en en el HTML poner la etiqueta gmrs-box-search
<gmrs-box-search></gmrs-box-search>