---
id: input-buttons
title: InputButtons
---

import SelectedPicker from '../common-content/contexts/attachment-picker-context/selected_picker.mdx'

import GiphyActive from '../common-content/contexts/message-input-context/giphy_active.mdx'
import OpenCommandsPicker from '../common-content/contexts/message-input-context/open_commands_picker.mdx'
import SetShowMoreOptions from '../common-content/contexts/message-input-context/set_show_more_options.mdx'
import ShowMoreOptions from '../common-content/contexts/message-input-context/show_more_options.mdx'
import Text from '../common-content/contexts/message-input-context/text.mdx'
import ToggleAttachmentPicker from '../common-content/contexts/message-input-context/toggle_attachment_picker.mdx'

import AttachButton from '../common-content/core-components/channel/props/attach_button.mdx'
import CommandsButton from '../common-content/core-components/channel/props/commands_button.mdx'
import HasCommands from '../common-content/core-components/channel/props/has_commands.mdx'
import HasFilePicker from '../common-content/core-components/channel/props/has_file_picker.mdx'
import HasImagePicker from '../common-content/core-components/channel/props/has_image_picker.mdx'
import MoreOptionsButton from '../common-content/core-components/channel/props/more_options_button.mdx'
import UploadsEnabled from '../common-content/core-components/channel/props/uploads_enabled.mdx'

Component to render the `AttachButton` and the `CommandsButton` on the left side of the input box within [`MessageInput`](./message_input.mdx).

This is the default component provided to the prop `InputButtons` on the [`Channel`](../core-components/channel.mdx#inputbuttons) component.

## Props

### <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 [MessageInputContext](../contexts/message_input_context.mdx#hascommands)_</div> hasCommands {#hascommands}

<HasCommands />

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

<HasFilePicker />

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

<HasImagePicker />

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

<OpenCommandsPicker />

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

<SelectedPicker />

### <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#showmoreoptions)_</div> showMoreOptions {#showmoreoptions}

<ShowMoreOptions />

### <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#toggleattachmentpicker)_</div> toggleAttachmentPicker {#toggleattachmentpicker}

<ToggleAttachmentPicker />

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

<UploadsEnabled />

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

<AttachButton />

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

<CommandsButton />

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

<MoreOptionsButton />