RenderOptions
Updated 22 Oct 2026
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:85
Properties
accent?
optional accent?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:93
Arrow heads, highlights → CSS variable --accent
bg?
optional bg?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:87
Background color → CSS variable --bg. Default: '#FFFFFF'
border?
optional border?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:99
Node/group stroke color → CSS variable --border
componentSpacing?
optional componentSpacing?: number
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:109
Spacing between disconnected components. Default: nodeSpacing (24)
fg?
optional fg?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:89
Foreground / primary text color → CSS variable --fg. Default: '#27272A'
font?
optional font?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:101
Font family for all text. Default: 'Inter'
interactive?
optional interactive?: boolean
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:113
Enable hover tooltips on chart data points (xychart only). Default: false
layerSpacing?
optional layerSpacing?: number
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:107
Vertical spacing between layers. Default: 40
line?
optional line?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:91
Edge/connector color → CSS variable --line
muted?
optional muted?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:95
Secondary text, edge labels → CSS variable --muted
nodeSpacing?
optional nodeSpacing?: number
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:105
Horizontal spacing between sibling nodes. Default: 24
padding?
optional padding?: number
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:103
Canvas padding in px. Default: 40
surface?
optional surface?: string
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:97
Node/box fill tint → CSS variable --surface
transparent?
optional transparent?: boolean
Defined in: node_modules/.pnpm/beautiful-mermaid@1.1.3/node_modules/beautiful-mermaid/dist/index.d.ts:111
Render with transparent background (no background style on SVG). Default: false