Skip to content

<DiagramStepper>

Coordinate visibility + highlight of regions inside a diagram (SVG, MermaidAdapter, …).

NameTypeDefaultDescription
childrenReactNodeDiagram content with `<DiagramRegion>` children.
stepsDiagramStep[]Per-step region show/hide/highlight.
animation?RegionAnimationCSS transition preset (see plugin-motion).

DiagramStep:

interface DiagramStep {
show?: string[]
hide?: string[]
highlight?: string[]
className?: string
}