Primitive

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.
diagram
DOM renderImage render
Concept connectorDefault

Playground

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

Loading playground

Rendered matrix

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

Default

Connector atlas for flow, relation, and callouts.
Render state

Selected

Highlighted relation.
Render state

Intents

Concrete-native connector intents.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
kindConceptConnectorKindstraightConnector grammar asset name.
intent'ink' | 'muted' | 'sky' | 'terminal' | 'ultra' | 'error'mutedConcrete-native connector intent.
selectedbooleanfalseHighlights the relation.
mutedbooleanfalseSubdues the relation.