Conversation

Chat-style dialogue display. Blockquotes become alternating speaker messages with a chat bubble UI.

Basic usage

Use blockquotes with bold speaker names to create a conversation.

{% conversation %}
> **Alice:** Hey, have you tried refrakt.md yet?

> **Bob:** Not yet — what makes it different?

> **Alice:** You write plain Markdown and runes decide how it renders. Same list can be nav links, feature cards, or action buttons.

> **Bob:** That sounds really flexible. I'll check it out!
{% /conversation %}

Alice: Hey, have you tried refrakt.md yet?

Bob: Not yet — what makes it different?

Alice: You write plain Markdown and runes decide how it renders. Same list can be nav links, feature cards, or action buttons.

Bob: That sounds really flexible. I'll check it out!

Named speakers

Use the speakers attribute to automatically alternate between named speakers without inline bold markup.

{% conversation speakers="Support, Customer" %}
> How can I help you today?

> I'm having trouble with the installation.

> Have you tried running npm install with the --legacy-peer-deps flag?

> That fixed it — thank you!
{% /conversation %}

Support

How can I help you today?

Customer

I'm having trouble with the installation.

Support

Have you tried running npm install with the --legacy-peer-deps flag?

Customer

That fixed it — thank you!

Attributes

Attribute	Type	Default	Description
`speakers`	`string`	—	Comma-separated speaker names for automatic alternation