What properties are possible in each attribute for each element?

[paul23-git]

Introduction

The tutorial has a lot of explanation how the attr elements work.

However it never described which deeper settings are possible. IE I know a link has the selector "label", but it never explained that through the label I can give a text. (well that example is often used, but I cannot find a definite list of what's possible.

Where would I find that, is there a formal source?

Or are they all the same (line, label, root etc all share the same property list?)

Steps to reproduce

not relevant

Restrictions & Constraints

not relevant, documentation.

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

Let's take a look at standard.Rectangle for example,

According to the documentation, the available selectors are:

selector	type	description
root	SVGGElement	Container of all nodes
body	SVGRectElement	Rectangular body of the shape
label	SVGTextElement	Text inside the body

The SVG markup looks like this:

<g @selector="root">
  <rect @selector="body"/>
  <text @selector="label"/>
</g>

For example, the label selector targets an SVGTextElement. You can apply any SVG attributes compatible with the <text> SVG element.
e.g. el.attr('label/fill', 'red');

Additionally, you can utilize SVG attributes specific to the JointJS context: https://docs.jointjs.com/api/dia/attributes/
e.g. el.attr('label/text', 'Hello!');

[paul23-git]

Oh thank you, I do notice some discrepancies though, say the link element, the documentation says the root is an SVGGElement (https://docs.jointjs.com/api/shapes/standard/Link/).

Yet typescript and the typing in code says it's an SVGAttribute:

What is the stronger guide?

[kumilingus]

In this case, it is the documentation that is more accurate.
The root selector always points to a <g/> element.