# AutoCompleteSuggestionItem

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

## General Usage

You can customize the `AutoCompleteSuggestionItem` component and provide it back to the SDK via the [`AutoCompleteSuggestionItem`](/chat/docs/sdk/react-native/v5/core-components/channel#autocompletesuggestionitem/) prop on `Channel` if desired.

For more details about its usage refer [`Customizing autocomplete suggestions`](/chat/docs/sdk/react-native/v5/guides/customize-autocomplete-suggestion-list/).

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

const AutoCompleteSuggestionItemComponent = () => <AutoCompleteSuggestionItem />

<Channel AutoCompleteSuggestionItem={AutoCompleteSuggestionItemComponent} />
```

## Props

### `itemProps`

| type                                             |
| ------------------------------------------------ |
| Suggestion(CommandUser \| Emoji \| UserResponse) |

### `triggerType`

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

| Type                              |
| --------------------------------- |
| 'command' \| 'emoji' \| 'mention' |



---

This page was last updated at 2026-05-13T13:38:46.668Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/autocomplete-suggestion-item/](https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/autocomplete-suggestion-item/).