Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA chat screen whose composer sits above the on-screen keyboard, grows with multi-line text up to a limit, sends on the Send button (Enter inserts a line on touch, sends on desktop) and keeps the newest message in view. Use this when a messaging screen on a phone needs the input to stay visible and usable while the keyboard is open.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when a messaging screen on a phone needs the input to stay visible and usable while the keyboard is open.
Do not use it for comment fields on content pages or one-line inputs.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
messages | { id: string; from: "me" | "them"; text: string }[] | required |
onSend | (text: string) => void | required | Called with trimmed text. |
role="log", polite) so new messages are announced; the composer is labelled and the Send button is disabled while empty.The pattern ships with a Testing Library test (chat-composer-keyboard-aware.test.tsx) that drives it through roles and the keyboard.