# AutoCompleteSuggestionHeader

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

## General Usage

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

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

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

const AutoCompleteSuggestionHeaderComponent = () => <AutoCompleteSuggestionHeader />

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

## Props

### `queryText`

<partial id="chat-sdk/react-native/v6/_partials/common-content/contexts/suggestions-context/query_text"></partial>

### `triggerType`

<partial id="chat-sdk/react-native/v6/_partials/common-content/contexts/suggestions-context/trigger_type"></partial>

---

This page was last updated at 2025-08-19T14:51:56.616Z.

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