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
MoreOptionsButtonfor secondary actions to preserve space. - Use
toggleAttachmentPickerto keep picker state in sync. - Keep icons and spacing consistent across input modes.
Props
hasCommands
Enable commands in MessageInput.
| Type | Default |
|---|---|
| boolean | true |
hasCameraPicker
Enable the camera picker in MessageInput.
| Type | Default |
|---|---|
| Boolean | true |
hasFilePicker
Enable the file picker in MessageInput.
| Type | Default |
|---|---|
| Boolean | true |
hasImagePicker
Enable the image picker in MessageInput.
| Type | Default |
|---|---|
| Boolean | true |
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.
| Type | Default |
|---|---|
| ComponentType | AttachButton |
CommandsButton
Renders the button next to the input box that opens the commands list.
| Type | Default |
|---|---|
| ComponentType | CommandsButton |
MoreOptionsButton
Renders the MessageInput “more options” button (for AttachButton, CommandsButton, etc.).
| Type | Default |
|---|---|
| ComponentType | MoreOptionsButton |