# InputEditingStateHeader

Renders the editing-state header inside [`MessageInput`](/chat/docs/sdk/react-native/v8/ui-components/message-input/). This is the default component for the [`InputEditingStateHeader`](/chat/docs/sdk/react-native/v8/core-components/channel#inputeditingstateheader/) prop.

## Best Practices

- Clearly indicate edit mode to prevent accidental edits.
- Keep the header minimal to preserve input space.
- Use `clearEditingState` to cancel edits cleanly.
- Ensure accessibility for cancel actions.
- Avoid heavy logic in the header render.

## Props

### `clearEditingState`

Function to clear the editing state of the message composer.

| Type         | Description                                       |
| ------------ | ------------------------------------------------- |
| `() => void` | Clears the editing state of the message composer. |


---

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

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