I’ve prepared the release notes and included the implementation details.
Open a sub-component to view its docs and settings.
Two-way conversation pattern with independently styled participants, avatars, timestamps, Show More, and fenced-code messages.
| Prop | Type | Default | Description |
|---|---|---|---|
leftAvatarImage | string | /user-profile-carl.png | Configures left avatar image. |
leftAvatarName | string | Opus | Configures left avatar name. |
leftBackground | string | #2B2452 | Configures left background. |
leftFirstMessage | string | I’ve prepared the release notes and inc… | Configures left first message. |
leftReplyMessage | string | The distance between the Earth and the … | Configures left reply message. |
leftTime | string | 10:46 | Configures left time. |
rightAvatarImage | string | /user-profile-carl.png | Configures right avatar image. |
rightAvatarName | string | You | Configures right avatar name. |
rightBackground | string | #3A2B68 | Configures right background. |
rightCodeMessage | string | ````ts | |
| const release = await publish("op…` | Configures right code message. | ||
rightFirstMessage | string | Perfect — could you also include the ne… | Configures right first message. |
rightTime | string | 10:45 | Configures right time. |
showAvatarImages | boolean | true | Configures show avatar images. |
showMore | boolean | false | Configures show more. |
showMoreMaxLines | number | 3 | Configures show more max lines. |
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…