Skip to main content

Lineage legend

Explains the lineage canvas encodings.

<mm-lineage-legend></mm-lineage-legend>
<mm-lineage-legend compact></mm-lineage-legend>

Guidance​

The lineage legend explains every encoding on the lineage canvas, drawn exactly as the canvas draws it: current, selected, stub, failed and cycle-return nodes, the agent cluster, declared, observed, mixed and cycle edges with their dash patterns, and the edge chip. Edges never rely on colour alone, so each sample shows its dash pattern as well.

Set compact for the canvas corner: a small "Legend" disclosure button that opens the same list in a hairline panel. open reflects whether it is shown.

Keyboard (compact): Enter or Space on the button toggles; Escape closes and returns focus to it.

Properties​

PropertyAttributeTypeDefaultDescription
compactcompactbooleanfalseRenders as a "Legend" disclosure for a canvas corner.
openopenbooleanfalseCompact only: whether the list is shown.

Events​

EventDetailDescription
mm-toggleCustomEvent<MmLineageLegendToggleDetail>The compact legend was opened or closed.

CSS parts​

PartDescription
toggleThe compact disclosure button.
panelThe list panel.

Examples​

Every state of mm-lineage-legend in Storybook, with keyboard and screen reader tests.