Knoten·Knotenarten

if

Verzweigung. Der einzige Knoten ohne when — er IST die Bedingung.

Syntax

json

{
  "$": "if",
  "when": Bedingung,
  "then": Knoten[],
  "else"?: Knoten[]
}

Felder 3

Felder	Pflicht	Form
when	Pflicht	Bedingung
then	Pflicht	Knoten[]
else	optional	Knoten[]

Beispiel

Eingabe

{
  "$": "if",
  "when": {
    "path": "sale"
  },
  "then": [
    {
      "$": "text",
      "value": "reduziert"
    }
  ],
  "else": [
    {
      "$": "text",
      "value": "regulär"
    }
  ]
}

Ausgabe

reduziert

Im Spielplatz öffnen — mit genau diesem BeispielBeispiel getippt

Dreht man `sale` im Zustand um, rendert der andere Zweig. Gerechnet hat es renderDefinition() aus @trybe/static-post-templates — dieselbe Funktion wie im Studio-Canvas und im PNG-Export.

Der Zustand, gegen den gerendert wurde

{
  "slots": {
    "topline": "Sommer 2026",
    "head": "Sommer-Sale",
    "sub": "Drei Wochen, alles reduziert. Nur online.",
    "sig": "@trybe",
    "fmt": "1:1",
    "btn": "Jetzt sichern"
  },
  "mark": {
    "word": "Sale",
    "color": "#8a2f24"
  },
  "liste": [
    "Espresso",
    "Cortado",
    "Filter"
  ],
  "stufe": "zwei",
  "sale": true,
  "zeigeBadge": true,
  "kopfGroesse": 104
}

Verwandt

Quelle: buildStencilJsonSchema(registry).definitions.node — der Satz oben ist geschrieben, alles andere erzeugt