The ChatInputArea component is used to display a chat input area with expandable and collapsible feature, and a send button to submit the chat message. It can be customized with actions and footer, and also supports input value change and composition event for Chinese input.
import { MobileChatInputArea } from '@lobehub/ui/mobile';| Name | Description | Type | Default |
|---|---|---|---|
| bottomAddons | -- | ReactNode | -- |
| expand | -- | boolean | -- |
| safeArea | -- | boolean | -- |
| setExpand | -- | (expand:boolean)=>void | -- |
| style | -- | {} | -- |
| textAreaLeftAddons | -- | ReactNode | -- |
| textAreaRightAddons | -- | ReactNode | -- |
| topAddons | -- | ReactNode | -- |
| ref | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). | |bivarianceHack|RefObject | -- |
| key | -- | Key| | -- |
Remained 4,000