ChatInputArea

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 { ChatInputArea } from '@lobehub/ui/chat';

NPM

UNPKG

Name	Description	Type	Default
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).	`any\|bivarianceHack\|RefObject`	`--`
key	--	`Key\|any`	`--`

Name	Description	Type	Default
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).	`any\|bivarianceHack\|RefObject`	`--`
key	--	`Key\|any`	`--`

ChatInputArea

ChatInputArea

Default

APIs

Default

APIs