---
id: auto-complete-input
title: AutoCompleteInput
---

import GiphyEnabled from '../common-content/core-components/channel/props/giphy_enabled.mdx'

import AdditionalTextInputProps from '../common-content/core-components/channel/props/additional_text_input_props.mdx';
import AutoCompleteSuggestionsLimit from '../common-content/core-components/channel/props/auto_complete_suggestions_limit.mdx'
import MaxMessageLength from '../common-content/core-components/channel/props/max_message_length.mdx';
import MentionAllAppUsersEnabled from '../common-content/core-components/channel/props/mention_all_app_users_enabled.mdx'
import MentionAllAppUsersQuery from '../common-content/core-components/channel/props/mention_all_app_users_query.mdx'
import NumberOfLines from '../common-content/core-components/channel/props/number_of_lines.mdx';

import GiphyActive from '../common-content/contexts/message-input-context/giphy_active.mdx'
import OnChange from '../common-content/contexts/message-input-context/on_change.mdx'
import SetGiphyActive from '../common-content/contexts/message-input-context/set_giphy_active.mdx'
import SetInputBoxRef from '../common-content/contexts/message-input-context/set_input_box_ref.mdx'
import SetShowMoreOptions from '../common-content/contexts/message-input-context/set_show_more_options.mdx'
import Text from '../common-content/contexts/message-input-context/text.mdx'
import TriggerSettings from '../common-content/contexts/message-input-context/trigger_settings.mdx'

import CloseSuggestions from '../common-content/contexts/suggestions-context/close_suggestions.mdx'
import OpenSuggestions from '../common-content/contexts/suggestions-context/open_suggestions.mdx'
import UpdateSuggestions from '../common-content/contexts/suggestions-context/update_suggestions.mdx'


Component to render input box within within the [`MessageInput`](./message_input.mdx).
This component provides autocomplete functionality for the commands and mentions feature.
Commands suggestions will show up when user types "`/`", while mentions suggestions will show up when user types "`@`".

Check the [Customize Message Input guide]([Customize Message Input](../guides/message_input_customization.mdx)) for more details on how to customize this component

## Props

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#additionaltextinputprops)_</div> additionalTextInputProps {#additionaltextinputprops}

<AdditionalTextInputProps />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#autocompletesuggestionslimit)_</div> autoCompleteSuggestionsLimit {#autocompletesuggestionslimit}

<AutoCompleteSuggestionsLimit />

### <div class="label description">_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#closesuggestions)_</div> closeSuggestions {#closesuggestions}

<CloseSuggestions />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#giphyactive)_</div> giphyActive {#giphyactive}

<GiphyActive />

### <div class="label description">_overrides the value from [ChannelContext](../contexts/channel_context.mdx#giphyenabled)_</div> giphyEnabled {#giphyenabled}

<GiphyEnabled />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#maxmessagelength)_</div> maxMessageLength {#maxmessagelength}

<MaxMessageLength />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#numberoflines)_</div> numberOfLines {#numberoflines}

<NumberOfLines />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#mentionallappusersenabled)_</div> mentionAllAppUsersEnabled {#mentionallappusersenabled}

<MentionAllAppUsersEnabled />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#mentionallappusersquery)_</div> mentionAllAppUsersQuery {#mentionallappusersquery}

<MentionAllAppUsersQuery />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#onchange)_</div> onChange {#onchange}

<OnChange />

### <div class="label description">_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#opensuggestions)_</div> openSuggestions {#opensuggestions}

<OpenSuggestions />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setgiphyactive)_</div> setGiphyActive {#setgiphyactive}

<SetGiphyActive />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setinputboxref)_</div> setInputBoxRef {#setinputboxref}

<SetInputBoxRef />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setshowmoreoptions)_</div> setShowMoreOptions {#setshowmoreoptions}

<SetShowMoreOptions />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#text)_</div> text {#text}

<Text />

### <div class="label description">_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#triggersettings)_</div> triggerSettings {#triggersettings}

<TriggerSettings />

### <div class="label description">_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#updatesuggestions)_</div> updateSuggestions {#updatesuggestions}

<UpdateSuggestions />