Skip to main content

<DiagramProvider/>

This is a context provider that enables you to use various other components alongside a DiagramComponent without having to explicitly connect them up.

Usage​

<script setup>
  const data = { ... }
</script>
<template>
  <DiagramProvider>
    <DiagramComponent data={...}/>
    <ControlsComponent/>
    <MiniviewComponent/>
  </DiagramProvider>
</template>

The list of components that are surface context aware is: