@vizlayer/react

@vizlayer/react provides React components for rendering Vizlayer payloads and Mermaid charts.

Install

pnpm add @vizlayer/react

Usage

import { VizlayerDiagram } from "@vizlayer/react";

export function App() {
  return (
    <VizlayerDiagram
      kind="flowchart"
      document={{
        title: "Request pipeline",
        direction: "LR",
        nodes: [
          { id: "request", label: "Request" },
          { id: "router", label: "Router" },
          { id: "worker", label: "Worker" },
        ],
        edges: [
          { from: "request", to: "router" },
          { from: "router", to: "worker" },
        ],
      }}
    />
  );
}

Docs

• Repository: github.com/FrankChen021/vizlayer
• Root README: README.md
• Publishing guide: docs/dev/README.md

License

Apache-2.0