Markdown

The SDK renders markdown content returned by the bot provider — including code blocks with syntax highlighting, lists, tables, and inline formatting. This demo connects to a markdown-enabled bot provider so you can try it live.

Markdown-Enabled Bot

This demo connects to a bot provider that returns messages with rich markdown content.

Features

• Rich text formatting with Markdown
• Code blocks with syntax highlighting
• Lists, tables, and more

Try asking

• "Show me a code example"
• "Compare React and Vue in a table"
• "Summarise with bullet points"

Loading chatbot...

Code Example

<Chatbot
  title="Markdown Bot"
  config={{ botProviderEndpoint: "https://..." }}
  customChannelId="my-channel"
/>

The SDK uses streamdown for streaming markdown rendering. MESSAGE_DELTA events accumulate into typingText in real time, and MESSAGE_COMPLETE writes the final message.text. No extra configuration needed.

Supported Formats

Format	Syntax
Headings	# h1 through ###### h6
Bold / Italic	**bold** / *italic*
Code	Inline `code` + fenced ```lang (with syntax highlight)
Lists	Ordered 1. / Unordered -
Tables	GFM table syntax
Links / Images	[text](url) / 
LaTeX	$inline$ / $$block$$