ThreadedConversation
ShowcaseComponentsThreadedConversation
Communication

ThreadedConversation.

Show nested message replies with a lightweight reply composer.

Real interactive component
Live demo
Discussion3 messages
Laith10:40

What do you think of the new components?

Mika10:42

Love the new interactions!

Sam11:00

Let's publish after testing.

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

4 props
ParameterTypeRequiredDefaultPossible valuesDescription
messagesThreadMessage[]Yes——Messages with ID, author, body, time, and optional parentId.
onReply(parentId:string,body:string)=>voidNo——Callback for user-authored replies.
labelstringNoDiscussion—Conversation title.
classNamestringNo——Additional CSS class on the outer component element.