MermaidBlock
Renders Mermaid diagrams as SVG
Usage
tsx
import { MermaidBlock } from '@tryvienna/ui'
<MermaidBlock code="flowChartCode" />Examples
Flow Chart
tsx
<MermaidBlock code="flowChartCode" />Sequence Diagram
tsx
<MermaidBlock code="sequenceDiagramCode" />API Reference
MermaidBlock
| Prop | Type | Default | Description |
|---|---|---|---|
code | string | - |
Data Attributes
| Component | data-slot |
|---|---|
MermaidBlock | "mermaid-block" |