The EditableMessage component is used to display a message that can be edited by the user. It consists of a Markdown component and an optional modal for editing the message. When the user clicks on the message, it enters editing mode and displays an input field for editing the message.
import { EditableMessage } from '@lobehub/ui/chat';| Name | Description | Type | Default |
|---|---|---|---|
| classNames | -- | {input?:string;markdown?:string;textarea?:string} | -- |
| editButtonSize | -- | any | -- |
| editing | -- | boolean | false |
| fontSize | -- | number | -- |
| fullFeaturedCodeBlock | -- | boolean | -- |
| height | -- | any | -- |
| inputType | -- | any | -- |
| markdownProps | -- | {} | -- |
| model | -- | {extra?:any;footer?:any} | -- |
| onChange | -- | (value:string)=>void | -- |
| onEditingChange | -- | (editing:boolean)=>void | -- |
| onOpenChange | -- | (open:boolean)=>void | -- |
| openModal | -- | boolean | false |
| placeholder | -- | string | -- |
| showEditWhenEmpty | -- | boolean | false |
| styles | -- | {input?:object;markdown?:object} | -- |
| text | -- | any | -- |
| value | -- | string | (required) |