Skip to content
@ng-doc/app / Class

NgDocMermaidViewerComponent

Renders a Mermaid graph in a zoomable, pannable viewer. The graph is rendered in the browser only, again when it changes and when the theme changes.

In the dark theme (or auto with a dark OS theme) the graph uses Mermaid's dark theme, unless the graph or provideMermaid chooses a theme of its own.

Decorators
@Component
Selectors
ng-doc-mermaid-viewer
DeclarationTypeScript
@Component({ … })
export class NgDocMermaidViewerComponent { … }

Members

Constructor

1
()
—

Properties

6
error: WritableSignal<Error | null>
protectedreadonly
—
graph: InputSignal<string>
readonly input()required

Source of the Mermaid graph.

html: WritableSignal<string>
protectedreadonly
—
id: string
protectedreadonly
—
mermaid: Mermaid
protectedreadonly
—
pending: WritableSignal<boolean>
protectedreadonly
—
Symbol
Kind
Class
Decorators
@Component
Selectors
ng-doc-mermaid-viewer
Scope
@ng-doc/app
Edit this page