SEARCH UI
O atalho para uma UI de busca completa
Crie interfaces e componentes de busca configuráveis com poucas linhas de código. Desenvolva experiências de busca totalmente customizáveis com funcionalidades avançadas de filtragem que ajudam seus usuários a encontrar exatamente o que eles precisam.
Saiba como adicionar uma busca sofisticada e relevante aos seus apps e sites com a Elastic.
Assista ao vídeoComece a usar a IU de busca para criar experiências de busca modernas.
Ver a documentaçãoA experiência de busca no seu website costuma ser o principal fator de satisfação do visitante. Saiba mais sobre como aumentar o engajamento do website.
Leia o blogFlexível
Pronto para o React
O Search UI foi projetado para funcionar com o React sem qualquer configuração, com conectores pré-criados para Elastic App Search e Elastic Site Search. É só baixar e importar, simples assim.
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>
);
}RECURSOS
Pré-criado com o Search UI
Adicione recursos de busca populares e prontos para uso a aplicações de busca de frontend que ajudam os usuários a obter resultados precisos mais rapidamente. Implemente práticas recomendadas de UX de busca num instante.
Comece num instante
Simples, flexível, poderoso
Crie interfaces de busca com uma variedade de componentes compatíveis com dispositivos móveis – todos customizáveis de acordo com o seu caso de uso exato.
