AutoCompleteInput

Renders the input box inside MessageInput. Provides autocomplete for commands (/) and mentions (@).

See the Customize Message Input guide 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 and adds:

channel

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

cooldownActive

Whether a cooldown is active for a channel with slow mode enabled.

setInputBoxRef

Setter function for inputBoxRef

t

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

TextInputComponent

Override the default TextInput component.