Skip to main content
Version: v4

AutoCompleteSuggestionHeader

Component to render and customize the header in the auto suggestion list.

Basic Usage​

You can customize the AutoCompleteSuggestionHeader component and provide it back to the SDK via the AutoCompleteSuggestionHeader prop on Channel if desired.

For more details about its usage refer Customizing autocomplete suggestions.

import { Channel, AutoCompleteSuggestionHeader } from 'stream-chat-react-native';

const AutoCompleteSuggestionHeaderComponent = () => <AutoCompleteSuggestionHeader />

<Channel AutoCompleteSuggestionHeader={AutoCompleteSuggestionHeaderComponent} />

Props​

overrides the value from SuggestionsContext
queryText​

The text which the user types in the message input to get autocomplete suggestions.

Type
string

overrides the value from SuggestionsContext
triggerType​

The trigger type triggers a particular type of autocomplete list depending on user input.

Type
'command' | 'emoji' | 'mention'

Did you find this page helpful?