Canvas

DepthTrail

Where you are in the layers: a vertical stack of organic dots, one per level.

• Provide items {id,label,color} from overview to current, and onNavigate(index). The first item gets a home glyph; the last is the current layer and is not clickable.
• Sits top-left of the canvas.

Props

export interface DepthTrailProps {
  items: { id: string;
  label: string;
  color?: NodeColor }[];
  onNavigate?: (index: number) => void
}

Use

import { DepthTrail } from '@visualli/design-system/components';

Source: components/src/ · Guidelines: components/catalog/DepthTrail/README.md