import { Channel, AutoCompleteSuggestionHeader } from 'stream-chat-react-native';
const AutoCompleteSuggestionHeaderComponent = () => <AutoCompleteSuggestionHeader />
<Channel AutoCompleteSuggestionHeader={AutoCompleteSuggestionHeaderComponent} />
AutoCompleteSuggestionHeader
Component to render and customize the header in the auto suggestion list.
General 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
.
Props
queryText
The text which the user types in the message input to get autocomplete suggestions.
Type |
---|
string |
triggerType
The trigger type triggers a particular type of autocomplete list depending on user input.
Type |
---|
’command’ | ‘emoji’ | ‘mention’ |
- I'm working with the Stream Chat React Native SDK and would like to ask questions about this documentation page: https://getstream.io/chat/docs/sdk/react-native/ui-components/autocomplete-suggestion-header.md
- View as markdown
- Open in ChatGPT
- Open in Claude
On this page: