Markdown

Demonstration and configuration of the Radzen Blazor Markdown component.

Example
Edit Source

RadzenMarkdown

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

Supported markdown syntax

Features

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

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

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

Example
Edit Source

Hello, Blazor!

Try the RadzenMarkdown component.
Update this text

Markdown with Blazor components inside link

Example
Edit Source

You can use arbitrary Blazor components within the markdown content.

Blazor component Description

RadzenButton

RadzenDatePicker

button

input

Text @date 03/19/2025 00:00:00

Supercharge your Blazor development with Radzen

Whether you prefer a standalone environment or integration directly within Visual Studio, Radzen provides a powerful toolkit to increase development speed, reduce repetitive coding, and focus on building exceptional applications.

Pro

Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles.

Learn More

New

Radzen Blazor for Visual Studio

Radzen Blazor for Visual Studio extension streamlines Blazor development within the Visual Studio environment. The Blazor extension you need to boost productivity!