ChatInput
Bottom bar of the chat pane with a text input, send button, and typing indicator.
Import
import { ChatInput } from "@gumtree/ui/chat/ChatInput" ; Props
| Prop | Type | Default | Description |
|---|---|---|---|
placeholder | string | - | Input placeholder text |
typing | ComponentChildren | - | Typing indicator text (e.g. 'alice is typing…') |
Examples
With Typing Indicator
alice is typing…
< ChatInput
placeholder = "Message !necessary/example-app…"
typing = "alice is typing…"
/> Idle
< ChatInput placeholder = "Message #general…" />