Back to components
Chat component

Chat Input

Multiline message composer with attach + send and KeyboardAvoidingView.

Install

What it does

  • Auto-growing multiline input with min/max height
  • Attach button (configurable handler)
  • Send button activates only on non-empty input
  • Keyboard-aware on iOS via KeyboardAvoidingView
  • Respects safe-area bottom inset

When to use

Use it

Bottom of any chat screen — pair with chat-list and chat-bubble.

Skip it

Single-line search or comment forms (use input instead).

Files & routes added

  • components/chat/chat-input.tsx

Related components