Componente select que admite una lista de suggestions.
import Searcher from "rcat-components/RCSelect";
| Nombre | Descripción | Tipo de dato |
|---|---|---|
| label | Placeholder que tendrá el componente. Dato de tipo String. | String |
| floatLabel | Permite que el placeholder se vuelva una etiqueta flotante, la cual se sitúa encima del input. Por defecto está en false. | Boolean |
| type | Tipo de dato que recibe el input. Puede ser text o number. | String |
| suggestions | Lista de sugerencias u opciones que se mostrarán en el dropdown. Cada elemento de la lista debe ser un objeto con la siguiente estructura básica: |
{ label: “label del select”, value: “value del select”, }
Label mostrará el texto dentro de cada opción. Value es necesario en caso de que se asigne un valor en el v-model del componente, pues intentará buscar la propiedad “value” dentro de la lista de suggestions. | Array de objetos | | requiredField | Agrega un asterisco al final del placeholder del input para indicar que es un campo requerido. Es solo visual. | Boolean |
| Nombre | Descripción |
|---|---|
| change | Evento que se dispara al seleccionar una opción de la lista. Retorna el value de la opción escogida. |
| getFullOption | Evento que se dispara al seleccionar una opción de la lista. Retorna el objeto completo, el cual representa la opción seleccionada. |
| suggestion-item | Permite customizar los elementos al interior del dropdown. Si no se especifica, se aplican los estilos por defecto. |
|---|