InputEditingStateHeader

Renders the editing-state header inside MessageInput. This is the default component for the 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.

TypeDescription
() => voidClears the editing state of the message composer.