Radzen Blazor Components

Blazor Markdown

The Blazor Markdown component (RadzenMarkdown) renders Markdown content as HTML, with auto-linked headings and support for embedding Blazor components inside the markdown.

RadzenMarkdownLink to this section

RadzenMarkdown allows you to render Markdown content in your Blazor applications.

Supported markdown syntaxLink to this section

  1. Everything from the basic syntax
  2. Tables
  3. Fenced code blocks
  4. Emoji shortcodes e.g. :smile: 😄, :heart: ❤️, :+1: 👍

FeaturesLink to this section

Use markdown content right in your Blazor components - no need to create separate files. Type it directly in your .razor file:

<RadzenMarkdown>
# Hello, Blazor :wave:!
This is a **bold** text.
</RadzenMarkdown>

Get and set the text Link to this section

Use the Text property to get or set the markdown content of RadzenMarkdown.

Hello, Blazor 👋!

  • Try the RadzenMarkdown component.
  • Update this text

Markdown with Blazor components inside Link to this section

Embed Blazor components within Markdown content for interactive documentation and rich content.

You can use arbitrary Blazor components within the markdown content.

Blazor componentDescription
RadzenButton
RadzenDatePicker
button
input
Text @date07/06/2026 00:00:00

Frequently asked questions

How do I render Markdown in Blazor?

Add RadzenMarkdown and set its Text property (or place markdown as its child content); it renders the Markdown as HTML.

Can I embed Blazor components inside Markdown?

Yes. RadzenMarkdown renders Blazor components placed inside the markdown content, alongside standard Markdown syntax.

Radzen Blazor Newsletter

Get an email when new components and releases ship.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

Dedicated support backed by proven expertise

Premium themes and theme editor

Ready-to-use UI blocks

Complete app templates

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙