Zum Inhalt springen

Features · Interest · 12 Props

Bild-Text-Split

Bild auf einer Seite, Text mit Bullets + CTA auf der anderen — abwechselnd ausgerichtet.

Features Interest 12 Props

recipes/portraitSplit.ts

← Alle Recipes

Editor-Schema

Felder, die der Gourmonia-Editor anzeigt. Power-User in TypeScript-Pages können zusätzliche Recipe-Props nutzen, die hier nicht aufgeführt sind.

FeldTypPflicht
imageSideenum (left | right)
imagestring
imageAltstring
eyebrowstring
titlestring
bodystring
bulletsobject[]
bulletColumnsunion
ctaLabelstring
ctaHrefstring
spacingYenum (none | sm | md | lg)
transparentboolean

Default-Props

Wert beim Einfügen ins Editor-Canvas.

JSON

{
  "imageSide": "left",
  "image": "/sites/webeo/illustrations/heroes/landscape.webp",
  "imageAlt": "",
  "title": "Kurzer prägnanter Titel.",
  "body": "Ein bis drei Sätze, die die Bildaussage stützen und den Nutzen für den Leser benennen.",
  "bullets": [],
  "bulletColumns": 2,
  "spacingY": "md",
  "transparent": false
}

Live-Preview

Kurzer prägnanter Titel.

Ein bis drei Sätze, die die Bildaussage stützen und den Nutzen für den Leser benennen.

Tags

split image-text feature story