import { Channel, AutoCompleteSuggestionList } from 'stream-chat-react-native';
const AutoCompleteSuggestionListComponent = () => <AutoCompleteSuggestionList />
<Channel AutoCompleteSuggestionList={AutoCompleteSuggestionListComponent} />
AutoCompleteSuggestionList
Component to render and customize the auto suggestion list.
General 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
Props
AutoCompleteSuggestionHeader
Component to render the autocomplete suggestion header.
Type | Default |
---|---|
ComponentType | AutoCompleteSuggestionHeader |
AutoCompleteSuggestionItem
Component to render the autocomplete suggestion item.
Type | Default |
---|---|
ComponentType | AutoCompleteSuggestionItem |
- 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-list.md
- View as markdown
- Open in ChatGPT
- Open in Claude