# 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`](https://getstream.io/chat/docs/sdk/react-native/v4/core-components/channel/#autocompletesuggestionlist) prop on `Channel` if desired.

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

```tsx
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` |

### `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' |

---

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