Skip to main content
Version: v4

AutoCompleteSuggestionItem

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

Basic Usage​

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

For more details about its usage refer Customizing autocomplete suggestions.

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

const AutoCompleteSuggestionItemComponent = () => <AutoCompleteSuggestionItem />

<Channel AutoCompleteSuggestionItem={AutoCompleteSuggestionItemComponent} />

Props​

itemProps​

type
Suggestion(CommandUser | Emoji | UserResponse)

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?