Concept connector

Small relation glyphs for flow, sync, branch, loop, and callout diagrams.

Use connectors deliberately: one relation type per meaning, muted by default, highlighted only when the relation is the point.

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

Every state maps to the same render route through the `state` query param.

Default

Connector atlas for flow, relation, and callouts.

Selected

Highlighted relation.

Tones

Concrete-native connector tones.

Props

Name	Type	Default	Description
`kind`	`ConceptConnectorKind`	`straight`	Connector grammar asset name.
`tone`	`'ink' \| 'muted' \| 'sky' \| 'terminal' \| 'ultra' \| 'error'`	`muted`	Concrete-native connector tone.
`selected`	`boolean`	`false`	Highlights the relation.
`muted`	`boolean`	`false`	Subdues the relation.