InputButtons

Component to render the AttachButton and the CommandsButton on the left side of the input box within MessageInput.

This is the default component provided to the prop InputButtons on the Channel 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.

hasCommands

Enable commands on the MessageInput component.

hasFilePicker

Enable the file picker on the MessageInput component.

hasImagePicker

Enable the image picker on the MessageInput component.

openCommandsPicker

Opens the commands picker box. By default, this function is attached to onPress handler for CommandsButton.

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.

setShowMoreOptions

Setter function for showMoreOptions.

showMoreOptions

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

text

Text message entered by user in underlying TextInput within MessageInput component. This value is attached to TextInput’s value prop

toggleAttachmentPicker

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

UI Component Props

AttachButton

Component to render the attach button next to input box.

CommandsButton

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

MoreOptionsButton

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