InputReplyStateHeader

Renders the quoted-reply header inside MessageInput. This is the default component for the InputReplyStateHeader prop.

Best Practices

  • Clearly show the quoted message context to reduce reply mistakes.
  • Keep the header compact to preserve input space.
  • Use onClose to clear reply state cleanly.
  • Ensure the close affordance is easy to tap.
  • Avoid heavy rendering in the header.

Props

onClose

Called when the reply state header is closed.

Type
Function(() => void)