GraphDeps

Import

svelte
import { GraphDeps } from 'markgraphy';

Basic usage

svelte
<GraphDeps
  title="example"
  depth={6}
/>

Props

PropTypeDefaultDescription
titlestringCaption drawn on the top edge as [ TITLE ].
depsDepNode[]Root-level dependencies, each with a name and version.
depth?number6Maximum depth to render. Default 6. Clamped 1..16.
animated?booleantrueAnimate the cascade. Default true. Reduced motion shows the full tree.
speedMs?number80Milliseconds between cascading reveals. Default 80.
label?string''Caption rendered muted under the tree.
class?string''

Exported types

  • DepNode
  • GraphDepsProps

Reduced motion

Animation is disabled under prefers-reduced-motion.