# AutoCompleteSuggestionHeader

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

## Basic Usage

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

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

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

const AutoCompleteSuggestionHeaderComponent = () => <AutoCompleteSuggestionHeader />

<Channel AutoCompleteSuggestionHeader={AutoCompleteSuggestionHeaderComponent} />
```

## Props

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



---

This page was last updated at 2026-05-14T12:22:45.973Z.

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