Markdown

Demonstration and configuration of the Radzen Blazor Markdown component.

In this demo markdown content renders with headings, bold text, lists, and code blocks, with a dropdown to select AutoLinkHeadingDepth (0-6) which automatically generates anchor links for headings up to the specified depth level.

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

<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.

Markdown with Blazor components inside link

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

Start Free See Subscription Plans

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