VOOZH about

URL: https://www.nuget.org/packages/Dynabyte.Mermaid/

⇱ NuGet Gallery | Dynabyte.Mermaid 1.3.0-dynabyte02



Dynabyte.Mermaid 1.3.0-dynabyte02

This is a prerelease version of Dynabyte.Mermaid. 
dotnet add package Dynabyte.Mermaid --version 1.3.0-dynabyte02
 
 
NuGet\Install-Package Dynabyte.Mermaid -Version 1.3.0-dynabyte02
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Dynabyte.Mermaid" Version="1.3.0-dynabyte02" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Dynabyte.Mermaid" Version="1.3.0-dynabyte02" />
 


 Directory.Packages.props
 

 

 
<PackageReference Include="Dynabyte.Mermaid" />
 


 Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Dynabyte.Mermaid --version 1.3.0-dynabyte02
The NuGet Team does not provide support for this client. Please contact its maintainers for support. 
#r "nuget: Dynabyte.Mermaid, 1.3.0-dynabyte02"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Dynabyte.Mermaid@1.3.0-dynabyte02
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Dynabyte.Mermaid&version=1.3.0-dynabyte02&prerelease
 


 Install as a Cake Addin
 

 

 
#tool nuget:?package=Dynabyte.Mermaid&version=1.3.0-dynabyte02&prerelease
 


 Install as a Cake Tool
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Blazorade Mermaid

This project is a fork of Blazorade.Mermaid © 2024 Mika Berglund, licensed under the MIT License.

Blazorade Mermaid is a library that allows you to easily add Mermaid diagrams to your Blazor application. You don't have to bother with importing the JavaScript library, or calling the right JavaScript functions in the Mermaid library at the right time.

You just add the MermaidDiagram component to your application, set its Code parameter to the Mermaid code you want to render as a diagram, the Blazorade Mermaid takes care of the rest.

Getting Started

Please refer to the Blazorade Mermaid wiki for information on how to get started with the library.

Please note that this library is still in beta phase, and the wiki is still heavily under construction. However, using Blazorade is pretty simple.

  • Add a reference to Blazorade.Mermaid
  • Add a using statement to the following namespace: Blazorade.Mermaid.Components
  • Add the <MermaidDiagram /> to the page or component where you want to display a diagram.
  • Set the Definition property of the MermaidDiagram component to the Mermaid Code you want to render as a diagram.

Blazorade Mermaid will take care of the rest for you.

Version Highlights

v1.3.0

  • Added new HtmlRender component for use with dynamically generated and changing HTML content that potentially contains Mermaid diagram definitions.

v1.2.0

  • Async fix to blazoradeMermaid.js
  • Added configuration option for defining the securityLevel for the rendered Mermaid diagrams.

v1.1.1

  • Fixed a bug that caused diagrams with inline themese not to render when the diagram with inline theme was the first diagram to render after the page load. PR #7

v1.1.0

  • Added the MermaidRender component which can be added on a page to render Mermaid definitions published mixed with other HTML content. Read more about how to use this component on the wiki.

v1.0.1

  • Changed package icon.
  • Added XML documentation file to the package to enable inline documentation with intellisense.

v1.0.0

The first stable version of Blazorade Mermaid.

  • Changed the Code parameter on the MermaidDiagram component to Definition to better match the terminology on the Mermaid website.

v1.0.0-beta.3

  • Prefixed the generated ID for the MermaidDiagram component with the character m to ensure that it never starts with a digit. id attributes for HTML elements MUST start with a letter, not a digit.

v1.0.0-beta.2

  • Added support for updating the diagram after it has been rendered the first time.

v1.0.0-beta.1

The first published prerelease of the library.

Product Versions Compatible and additional computed target framework versions.
.NET net8.0 net8.0 is compatible.  net8.0-android net8.0-android was computed.  net8.0-browser net8.0-browser was computed.  net8.0-ios net8.0-ios was computed.  net8.0-maccatalyst net8.0-maccatalyst was computed.  net8.0-macos net8.0-macos was computed.  net8.0-tvos net8.0-tvos was computed.  net8.0-windows net8.0-windows was computed.  net9.0 net9.0 was computed.  net9.0-android net9.0-android was computed.  net9.0-browser net9.0-browser was computed.  net9.0-ios net9.0-ios was computed.  net9.0-maccatalyst net9.0-maccatalyst was computed.  net9.0-macos net9.0-macos was computed.  net9.0-tvos net9.0-tvos was computed.  net9.0-windows net9.0-windows was computed.  net10.0 net10.0 was computed.  net10.0-android net10.0-android was computed.  net10.0-browser net10.0-browser was computed.  net10.0-ios net10.0-ios was computed.  net10.0-maccatalyst net10.0-maccatalyst was computed.  net10.0-macos net10.0-macos was computed.  net10.0-tvos net10.0-tvos was computed.  net10.0-windows net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.3.0-dynabyte02 213 6/17/2025
1.3.0-dynabyte01 175 6/17/2025

Same as Master, but without prerendering, which caused JS exceptions