Features · Interest · 3 Props

Feature-Cards

Grid von Feature-Cards mit Icon, Titel und Beschreibung.

Features Interest 3 Props

recipes/featureCards.ts

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.

Feld	Typ	Pflicht
cols	union	—
gap	enum (sm \| md \| lg)	—
items	object[]	✓

Default-Props

Wert beim Einfügen ins Editor-Canvas.

JSON

{
  "cols": 3,
  "gap": "md",
  "items": [
    {
      "title": "Vorteil 1",
      "text": "Kurze Beschreibung des Nutzens.",
      "icon": "solar:bolt-bold-duotone"
    },
    {
      "title": "Vorteil 2",
      "text": "Kurze Beschreibung des Nutzens.",
      "icon": "solar:shield-bold-duotone"
    },
    {
      "title": "Vorteil 3",
      "text": "Kurze Beschreibung des Nutzens.",
      "icon": "solar:medal-star-bold-duotone"
    }
  ]
}

Live-Preview

Vorteil 1

Kurze Beschreibung des Nutzens.

Vorteil 2

Kurze Beschreibung des Nutzens.

Vorteil 3

Kurze Beschreibung des Nutzens.