SearchStax Site Search UI Kits for React provide prebuilt widgets for building custom search pages.
These widgets work in React and Next.js applications and help you build a search experience with less UI overhead.
Prerequisites
- Access to a SearchStax Site Search account with an app and indexed content.
- A React or Next.js project with Node.js and npm.
- Familiarity with React components and hooks.
Installation
Install the React UI Kit package and follow the Getting Started guide to connect your Site Search app.
Available Widgets
Site Search includes several React widgets you can use to build your custom search page.
Each widget provides templates and examples. Here's what each one does:
- Answer Widget: provides an AI answer widget for your searches
- Location Widget: provides search features based on geographic location
- Input Widget: provides a search input box with autosuggest and autocomplete features
- Results Widget: displays search results
- Facets Widget: displays facet filters
- Pagination Widget: displays pagination controls for search results
- Related Searches Widget: displays related searches
- Feedback Widget: displays search feedback and stats
- External Promotions Widget: displays external promotions fetched from the API
- Sorting Widget: displays sorting options for search results