Skip to content
D
Documentation

Diagram Kit — constants

reference
1 min readUpdated

Constants

Import these from @grafloria/element.

Constants

DIAGRAM_KIT_STYLE_ID

Diagram-kit stylesheet — injected once, on first use of any kit builder.

Everything is prefixed axk- and the selection overrides are scoped with :has(...) to kit cards only, so embedding the kit can never restyle a host's own nodes. The rules encode the lessons the diagrams/* demos learned the hard way:

  • the card fills the node and draws the ONLY border (the node's own rect is hidden by the builders, and suppressed again on selection because the theme paints .selected with an accent stroke that overrides inline transparency);
  • the default .selection-highlight outline (a dashed rect a few px OUTSIDE the node) reads as a second floating box around a bordered card — the kit hides it and rings the card itself instead.
ts
const DIAGRAM_KIT_STYLE_ID: "grafloria-diagram-kit-styles"

ER_HEAD_H

ts
const ER_HEAD_H: 28

ER_ROW_H

Row height / header height of the entity card — sizing is derived from these.

ts
const ER_ROW_H: 25

JOIN_GUIDANCE_STYLE_ID

ts
const JOIN_GUIDANCE_STYLE_ID: "grafloria-join-guidance-styles"

Was this page helpful?

Diagram Kit — constants — Grafloria