AutoCompleteSuggestionList
Component to render and customize the auto suggestion list.
Basic Usage#
You can customize the AutoCompleteSuggestionList component and provide it back to the SDK via the AutoCompleteSuggestionList prop on Channel if desired.
For more details about its usage refer Customizing autocomplete suggestions
import { Channel, AutoCompleteSuggestionList } from 'stream-chat-react-native';
const AutoCompleteSuggestionListComponent = () => <AutoCompleteSuggestionList />
<Channel AutoCompleteSuggestionList={AutoCompleteSuggestionListComponent} />
Props#
active#
| type |
|---|
| boolean |
data#
| type |
|---|
| Array(Suggestion) |
onSelect#
| type |
|---|
(item: Suggstion) => void |
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' |