El componente de búsqueda por defecto solo tiene comportamientos visuales, Podrá realizar búsquedas sobre el DOM configurando los data-attributesdata-view-filter, data-scrapping-value (default: search-value) y data-scrapping-class (default: .searchable).

El componente puede ser configurado tanto vía data-attributes como desde la llamada del plugin en javascript:

Ejemplo del componente simple:

Ejemplo del componente simple con botón para limpiar input:

Ejemplo del componente con filtrado:

Es posible hacer grupos de elementos de los listados sobre los que se realizará la búsqueda, de esta forma puede mostrar un mensaje de error por grupo al no conseguir resultados.

Es necesario usar el data-attributedata-groups enviándole un arreglo en JSON con los selectores que identifican a cada grupo, y agregarle a cada elemento.searchable el selector del grupo al que pertence.

Para identificar el tag que contendrá el mensaje de error por cada grupo debe usa la clase.search-not-found y.not-found-<group-name>