# AutoCompleteInput

Renders the input box inside [`MessageInput`](/chat/docs/sdk/react-native/v8/ui-components/message-input/). Provides autocomplete for commands (`/`) and mentions (`@`).

See the [Customize Message Input guide](/chat/docs/sdk/react-native/v8/guides/message-input-customization/) for customization details.

## Best Practices

- Pass the correct `channel` so suggestions and slow mode work properly.
- Avoid heavy custom `TextInputComponent` logic that can affect typing latency.
- Use `cooldownActive` to disable input or show helper UI.
- Keep translations centralized via `t` instead of hardcoded strings.
- Use `setInputBoxRef` only when you need imperative focus/blur control.

## Props

Extends [`TextInputProps`](https://reactnative.dev/docs/textinput#props) and adds:

### `channel`

The channel for this input. Required to fetch state and provide suggestions.

| type    | default |
| ------- | ------- |
| Channel |         |

### `cooldownActive`

Whether a cooldown is active for a channel with [slow mode](/chat/docs/javascript/slow_mode/#channel-slow-mode/) enabled.

| type    | default |
| ------- | ------- |
| Boolean | false   |

### `setInputBoxRef`

Setter function for [`inputBoxRef`](/chat/docs/sdk/react-native/v8/contexts/message-input-context#inputboxref/)

| Type            |
| --------------- |
| `(ref) => void` |

### t

Given a key, returns the translated text from the Streami18n instance.

| Type     |
| -------- |
| function |

### `TextInputComponent`

Override the default `TextInput` component.

| Type          | Default                                                                    |
| ------------- | -------------------------------------------------------------------------- |
| ComponentType | Default [React Native's TextInput](https://reactnative.dev/docs/textinput) |


---

This page was last updated at 2026-04-17T17:33:44.577Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v8/ui-components/auto-complete-input/](https://getstream.io/chat/docs/sdk/react-native/v8/ui-components/auto-complete-input/).