Reply Message
Message Box
Message Box - Reply Status
Reply message can be use with given "reply" property at any time in your Message Box components.
Emre
Hi there !
Kursat
Emre
Hi there !
Hey ! How are you ?
Emre
Kursat
Hey ! How are you ?
Example Usage
import { MessageBox } from "react-chat-elements"
<MessageBox
reply={{
title: "Emre",
titleColor: "#8717ae",
message: "Nice to meet you",
}}
position={"left"}
type={"text"}
title="Esra"
text={
"Nice to meet you too !"
}
/>
Result
Esra
Emre
Nice to meet you
Nice to meet you too !
Reply Message Props (extends IMessage)
IMessage Props
| props | default | type | description |
|---|---|---|---|
| id | none | string | number | message id |
| position | none | string | message position |
| text | none | string | message text |
| title | none | string | message title |
| focus | none | boolean | message focus |
| date | none | number | Date | message date |
| dateString | none | string | message date string |
| avatar | none | string | message avatar |
| titleColor | none | string | message title color |
| forwarded | none | boolean | message forwarded |
| replyButton | none | boolean | message reply button |
| removeButton | none | boolean | message remove button |
| status | none | 'waiting'| 'sent' | 'received' | 'read' | message status |
| statusTitle | none | string | message status title |
| notch | none | boolean | message notch |
| copiableDate | none | boolean | message copiable date |
| retracted | none | boolean | message retracted |
| className | none | string | message className |
| letterItem | none | object | message letterItem contains id:string, letter:ReactChild |
| reply | none | object | any | message reply should be both any and object (contains message:string, photoURL:string) |
| type | none | string | message type |