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.
Type |
---|
boolean |
hasCommands
Enable commands on the MessageInput
component.
Type | Default |
---|---|
boolean | true |
hasFilePicker
Enable the file picker on the MessageInput
component.
Type | Default |
---|---|
boolean | true |
hasImagePicker
Enable the image picker on the MessageInput
component.
Type | Default |
---|---|
boolean | true |
openCommandsPicker
Opens the commands picker box. By default, this function is attached to onPress
handler for 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
.
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
within MessageInput
component.
This value is attached to TextInput
’s value prop
Type |
---|
string |
toggleAttachmentPicker
Function to toggle attachment picker. By default, this function is attached to onPress
handler for AttachButton
.
Type |
---|
function |
uploadsEnabled
Allow attachments on messages, including images. The default value is supplied by the channel config.
Type |
---|
boolean |
AttachButton
Component to render the attach button next to input box.
Type | Default |
---|---|
component | AttachButton |
CommandsButton
Component to render button next to input box, which when pressed opens commands list.
Type | Default |
---|---|
component | CommandsButton |
MoreOptionsButton
Component to render a button within enclosed MessageInput, which when pressed shows more options such as AttachButton, CommandsButton.
Type | Default |
---|---|
component | MoreOptionsButton |