SEARCH UI
Le raccourci vers une interface utilisateur de recherche complète
Créez des interfaces de recherche et des composants de recherche configurables avec quelques lignes de code. Créez des expériences de recherche entièrement personnalisables assorties de capacités de filtrage enrichies permettant à vos utilisateurs de trouver exactement ce dont ils ont besoin.
Apprenez comment ajouter une fonctionnalité de recherche enrichie et pertinente à vos applications et sites web avec Elastic.
Regarder la vidéoCommencez à utiliser Search UI pour concevoir des expériences de recherche modernes.
Lire la documentationSouvent, l'expérience de recherche sur votre site web est le principal élément moteur de la satisfaction des utilisateurs. Découvrez comment renforcer l'intérêt des visiteurs de votre site web.
Lire l'articleFlexible
Compatibilité avec React
Search UI est conçu pour fonctionner avec React sans configuration, grâce aux connecteurs prédéfinis d'Elastic App Search et d'Elastic Site Search. Téléchargez et importez. C'est aussi simple que cela.
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>
);
}FONCTIONNALITÉS
Préconfiguré avec Search UI
Ajoutez des fonctionnalités de recherche courantes et prêtes à l'emploi aux applications de recherche en front-end afin d'aider les utilisateurs à obtenir des résultats précis plus rapidement. Mettez rapidement en œuvre les meilleures pratiques en matière d'expérience utilisateur pour la recherche.
Lancez-vous rapidement
Simplicité, flexibilité, puissance
Créez des interfaces de recherche à l'aide d'une série de composants optimisés pour les mobiles et personnalisables en fonction de votre cas d'utilisation.
