Skip to content

SearchcraftPopoverForm()

SearchcraftPopoverForm(props, deprecatedLegacyContext?): ReactNode

A component that displays search results in a popover container that dynamically appears when the user interacts with a search input field, or when a popover button is clicked.

Parameters

props

SearchcraftPopoverFormProps

deprecatedLegacyContext?

any

Deprecated

See

React Docs

Returns

ReactNode

Example

import React from 'react';
import { SearchcraftPopoverForm } from '@searchcraft/react-sdk';
import searchcraftConfig from './searchcraftConfig';
import popoverResultMappings from './popoverResultMappings';
const MyPopoverSearch = () => {
return (
<SearchcraftPopoverForm
config={searchcraftConfig}
type="fullscreen"
popoverResultMappings={popoverResultMappings}
hotkey="k"
hotkeyModifier="meta"
/>
);
};
export default MyPopoverSearch;