SEARCH UI
전체 검색 UI에 대한 바로 가기
코드 몇 줄만으로 검색 인터페이스 및 구성 가능한 검색 구성 요소를 만들 수 있습니다. 사용자가 필요한 항목을 정확하게 찾을 수 있도록 지원하는 풍부한 필터링 기능을 통해 완전히 사용자 정의 가능한 검색 환경을 구축하세요.
유연합니다
React를 사용할 준비가 되셨나요?
Search UI는 Elastic App Search와 Elastic Site Search를 위한 미리 빌드된 커넥터와 함께 별도의 구성 없이 React와 작동하도록 설계되었습니다. 다운로드하고 가져오면 됩니다. 아주 간단하죠.
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>
);
}기능
Search UI를 사용하여 사전 구축
인기 있는 즉시 사용 가능한 검색 기능을 프런트 엔드 검색 애플리케이션에 추가하여 사용자가 정확한 결과를 더 빨리 얻을 수 있도록 지원하세요. 검색 UX 모범 사례를 신속하게 구현하세요.
빨리 시작하세요
간편하고 유연하며 강력합니다
다양한 모바일 친화적인 구성 요소로 검색 인터페이스를 구축할 수 있습니다. 모두 사용자의 정확한 사용 사례에 맞게 사용자 정의할 수 있습니다.
