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>
);
}