InputButtons

Renders AttachButton and CommandsButton on the left side of the input inside MessageInput. This is the default component for the InputButtons prop on Channel.

Best Practices

  • Show only the buttons that match enabled capabilities to reduce clutter.
  • Keep the left-side actions minimal for faster composition.
  • Use MoreOptionsButton for secondary actions to preserve space.
  • Use toggleAttachmentPicker to keep picker state in sync.
  • Keep icons and spacing consistent across input modes.

Props

hasCommands

Enable commands in MessageInput.

TypeDefault
booleantrue

hasCameraPicker

Enable the camera picker in MessageInput.

TypeDefault
Booleantrue

hasFilePicker

Enable the file picker in MessageInput.

TypeDefault
Booleantrue

hasImagePicker

Enable the image picker in MessageInput.

TypeDefault
Booleantrue

selectedPicker

Value is images (string), when image attachment picker is open else undefined.

Type
'images' | undefined

toggleAttachmentPicker

Function to toggle attachment picker. By default, this function is attached to onPress handler for AttachButton.

Type
Function

uploadFile

Whether file upload is enabled in the channel.

Type
Boolean

UI Component Props

AttachButton

Renders the attach button next to the input box.

TypeDefault
ComponentTypeAttachButton

CommandsButton

Renders the button next to the input box that opens the commands list.

TypeDefault
ComponentTypeCommandsButton

MoreOptionsButton

Renders the MessageInput “more options” button (for AttachButton, CommandsButton, etc.).

TypeDefault
ComponentTypeMoreOptionsButton