Skip to main content

render

render​

render: string | Component

this property controls how messages are displayed in the widget. the default value is "flow".

Usage​

Rendering messages as a text chat​

<Comments {value} render="bubbles" />

This example renders messages in a bubble style, similar to a text chat.

Rendering messages as a forum thread​

<Comments {value} render="flow" />

This example renders messages in a forum thread style.

Rendering messages with a custom component​

<Comments {value} render={MyMessageRenderer} />

This example uses a custom component for rendering messages.