SEARCH UI
El acceso directo a una UI de búsqueda completa
Crea interfaces de búsqueda y componentes de búsqueda configurables con solo unas líneas de código. Crea experiencias de búsqueda completamente personalizables con capacidades de filtrado enriquecidas que ayuden a los usuarios a encontrar exactamente lo que buscan.
Conoce cómo agregar una búsqueda relevante y completa en tus apps y sitios web con Elastic.
Mira el videoDa los primeros pasos con Search UI para crear experiencias de búsqueda modernas.
Ve la documentaciónLa experiencia de búsqueda en tu sitio web suele ser el indicador clave de la satisfacción de los visitantes. Conoce más sobre cómo aumentar la participación en el sitio web.
Lee el blogFlexible
Listo para React
Search UI está diseñado para trabajar con React sin configuraciones, con conectores prediseñados para Elastic App Search y Elastic Site Search. Descarga e importa, así de simple.
npm install --save @elastic/react-search-ui @elastic/search-ui-app-search-connector
const connector = new AppSearchAPIConnector({
searchKey: "search-soaewu2ye6uc45dr8mcd54v8",
engineName: "national-parks-demo",
hostIdentifier: "host-2376rb"
});
export default function App() {
return (
<SearchProvider
config={{
apiConnector: connector
}}
>
{() => (
<div className="App">
<SearchBox />
<Results
titleField="title"
urlField="nps_link"
/>
</div>
)}
</SearchProvider>
);
}CARACTERÍSTICAS
Prediseñadas con Search UI
Agrega características de búsqueda populares y listas para usar a las aplicaciones de búsqueda de frontend que ayudan a los usuarios a obtener resultados precisos más rápido. Implementa rápidamente las mejores prácticas de UX de búsqueda.
Da los primeros pasos, rápido
Simple, flexible, poderoso
Crea interfaces de búsqueda con un rango de componentes compatibles con la tecnología móvil; todo personalizable para tu caso de uso exacto.
