MermaidDiagram
A MermaidDiagram component from the Sigil design system.
import { MermaidDiagram } from "@sigil-ui/components";
<MermaidDiagram>...</MermaidDiagram>
| Prop | Type | Default | Description |
|---|
chart | string | — | — |
theme | `"dark" | "default"` | — |
| CSS Variable | Purpose |
|---|
--s-primary | Primary |
--s-text | Text |
--s-border-strong | Border strong |
--s-chart-axis | Chart axis |
--s-surface | Surface |
--s-surface-elevated | Surface elevated |
--s-chart-grid | Chart grid |
--s-radius-card | Radius card |
--s-border | Border |
--s-background | Background |
--s-error | Error |
--s-text-muted | Text muted |