# CommandsButton

Renders the commands picker button inside [`MessageInput`](/chat/docs/sdk/react-native/v8/ui-components/message-input/). This is the default component for the [`CommandsButton`](/chat/docs/sdk/react-native/v8/core-components/channel#commandsbutton/) prop.

## Best Practices

- Keep the button accessible and easy to discover.
- Avoid heavy logic in `handleOnPress`; delegate to composer when possible.
- Show the button only when commands are enabled.
- Keep icons consistent with other input actions.
- Use the `Channel` prop to override instead of editing internals.

## Props

### `handleOnPress`

Press handler.

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


---

This page was last updated at 2026-04-17T17:33:44.593Z.

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