<MessageDivider>

The <MessageDivider> component displays a divider between messages sent on different dates. It's also used to visually separate read messages from unread ones.

interface MessageDividerProps

Properties

common
: CommonChatboxProps

A collection of objects which are passed to all Chatbox theme components.

isDayMarker
: boolean

If true, this divider separates messages sent on two different dates.

isReadMarker
: boolean

If true, this divider separates unread messages from read ones.

timestamp (optional)
: number

The date timestamp when isDayMarker is true. Holds the number of milliseconds passed since the Unix Epoch.

Example

In the default theme, the <MessageDivider> component is implemented as follows:

MessageDivider.js
view on GitHub
1// loading...