React - Input Widget

SearchStax Site Search provides React and Next.js widgets to help you build your custom search page.

The SearchstaxInputWidget component provides a search input with autosuggest and autocomplete functionality.

Usage

<SearchstaxInputWidget
            suggestAfterMinChars={3}
            afterAutosuggest={afterAutosuggest}
            beforeAutosuggest={beforeAutosuggest}
          ></SearchstaxInputWidget>

Props

• suggestAfterMinChars – Minimum number of characters required to trigger autosuggest. Default: 3
• afterAutosuggest – Callback function invoked after autosuggest results are received. Use this to modify the suggestions.
• beforeAutosuggest – Callback function invoked before the autosuggest API call is made. Use this to modify the request parameters.
• inputTemplate – Template override. See examples in searchstax-ux-react.

Example

For a full example, see searchstax-ux-react.