# InputButtons

Component to render the `AttachButton` and the `CommandsButton` on the left side of the input box within [`MessageInput`](/chat/docs/sdk/react-native/v3/ui-components/message-input/).

This is the default component provided to the prop `InputButtons` on the [`Channel`](/chat/docs/sdk/react-native/v3/core-components/channel#inputbuttons/) component.

## Props

### giphyActive

True if a user selects the `giphy` command from commands list (which is shown when you type a `/` in the input box).
This value is set back to `false` when the user sends the message for searching Giphy.

| Type    |
| ------- |
| boolean |


### `hasCommands`

Enable commands on the [`MessageInput`](/chat/docs/sdk/react-native/v3/ui-components/message-input/) component.

| Type    | Default |
| ------- | ------- |
| boolean | true    |


### hasFilePicker

Enable the file picker on the [`MessageInput`](/chat/docs/sdk/react-native/v3/ui-components/message-input/) component.

| Type    | Default |
| ------- | ------- |
| boolean | true    |


### hasImagePicker

Enable the image picker on the [`MessageInput`](/chat/docs/sdk/react-native/v3/ui-components/message-input/) component.

| Type    | Default |
| ------- | ------- |
| boolean | true    |


### openCommandsPicker

Opens the commands picker box. By default, this function is attached to `onPress` handler for [`CommandsButton`](/chat/docs/sdk/react-native/v3/core-components/channel#commandsbutton/).

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


### `selectedPicker`

Value is `images` (string), when image attachment picker is open. Value will be `undefined` if file picker is active or file picker is open.

| Type                  |
| --------------------- |
| 'images' \| undefined |


### setShowMoreOptions

Setter function for [`showMoreOptions`](/chat/docs/sdk/react-native/v3/contexts/message-input-context#showmoreoptions/).

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


### showMoreOptions

Represents the expanded or collapsed state for attach and commands button, next to input box.

| Type    |
| ------- |
| boolean |


### text

Text message entered by user in underlying [`TextInput`](https://reactnative.dev/docs/textinput) within `MessageInput` component.
This value is attached to `TextInput`'s [`value prop`](https://reactnative.dev/docs/textinput#value)

| Type   |
| ------ |
| string |


### toggleAttachmentPicker

Function to toggle attachment picker. By default, this function is attached to `onPress` handler for [`AttachButton`](/chat/docs/sdk/react-native/v3/core-components/channel#attachbutton/).

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


### `uploadsEnabled`

Allow attachments on messages, including images.
The default value is supplied by the [channel config](/chat/docs/javascript/channel-features/).

| Type    |
| ------- |
| boolean |


### AttachButton

Component to render the attach button next to input box.

| Type      | Default                                                                       |
| --------- | ----------------------------------------------------------------------------- |
| component | [`AttachButton`](/chat/docs/sdk/react-native/v3/ui-components/attach-button/) |


### CommandsButton

Component to render button next to input box, which when pressed opens commands list.

| Type      | Default                                                                           |
| --------- | --------------------------------------------------------------------------------- |
| component | [`CommandsButton`](/chat/docs/sdk/react-native/v3/ui-components/commands-button/) |


### MoreOptionsButton

Component to render a button within enclosed MessageInput, which when pressed shows more options such as AttachButton, CommandsButton.

| Type      | Default                                                                                  |
| --------- | ---------------------------------------------------------------------------------------- |
| component | [`MoreOptionsButton`](/chat/docs/sdk/react-native/v3/ui-components/more-options-button/) |



---

This page was last updated at 2026-07-13T13:42:58.287Z.

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