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

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

Supported markdown syntaxlink

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

Featureslink

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>
lightbulb
Blazor tags inside RadzenMarkdown will be processed. To avoid that you can use a multiline string literal.

<RadzenMarkdown>
```
@($@"<RadzenButton Click=@@Click />
@@code {
    public void Click()
    {
        Console.WriteLine(""Button clicked"");
    }
}
```
</RadzenMarkdown>
    

Get and set the text link

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

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 @date06/25/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:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

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 🗙