Primitives·Primitives

stickerEl

EIN deklarierter Sticker auf der sticker-Ebene (SV4) — stickerEl(spec,ctx). Arten in dieser Phase: tag (Pille mit Text) und washi (Klebestreifen).

Syntax

json

{
  "$": "partial",
  "name": "stickerEl",
  "args": {
    "bgColor": Wert,
    "color": Wert,
    "rot": Wert,
    "text": Wert,
    "textColor": Wert,
    "type": "tag",
    "width": Wert,
    "x": Wert,
    "y": Wert
  }
}

Argumente 9

Argumente	Form	Anmerkung
bgColor	Wert	landet im Markup als style
color	Wert	landet im Markup als style
rot	Wert	landet im Markup als none
text	Wert	landet im Markup als text
textColor	Wert	landet im Markup als style
type	tagwashi	landet im Markup als none
width	Wert	landet im Markup als style
x	Wert	landet im Markup als none
y	Wert	landet im Markup als none

Beispiel

Eingabe

{
  "$": "partial",
  "name": "stickerEl",
  "args": {
    "bgColor": "#F4EFE7",
    "color": "#8a2f24",
    "rot": -4,
    "text": "Jetzt sichern",
    "textColor": "#242424",
    "type": "tag",
    "width": 320,
    "x": 120,
    "y": 200
  }
}

Ausgabe

<div class="stk" style="position:absolute;left:120px;top:200px;transform:translate(-50%,-50%) rotate(-4deg) scale(1);transform-origin:center;z-index:40;"><div style="display:inline-flex;align-items:center;gap:14px;background:#F4EFE7;border-radius:999px;padding:16px 34px;font-family:var(--heading);font-weight:500;font-size:46px;color:#242424;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.1);">Jetzt sichern</div></div>

Im Spielplatz öffnen — mit genau diesem BeispielBeispiel erzeugt

Aufruf und Argumentliste kommen aus der Registry, die Werte aus einer Regel über die Argument-Namen. Die Ausgabe hat die Press gerechnet. 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: registry.partials — packages/static-post-templates/src/definition-partials.ts — auch der Satz oben steht dort