import {CodeEditor} from '@site/src/components/CodeEditor/CodeEditor';
import exampleIntroFileAiChatBot from './0005-markdown-streaming/aiChatBot.tsx';
import exampleIntroFileStreamAdapter from './0005-markdown-streaming/adapter.tsx';

# Markdown Streaming

In this example, we show how the user can write a prompt that results in a stream of markdown content.<br />
The formatted markdown is streamed and displayed to the user as it is being generated by the LLM.

<CodeEditor
    files={{
        'App.tsx': exampleIntroFileAiChatBot,
        'adapter.ts': exampleIntroFileStreamAdapter,
    }}
    editorHeight={420}
    simulatedPrompt='Use some markdown and emojis to explain how quantum computing works.'
/>