Pakete & Preise · Action · 5 Props
Paket-Cards
Pricing-/Paket-Cards mit Features, Resultat-Zeile und CTA.
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[] | ✓ |
| featuresLabel | string | — |
| resultLabel | string | — |
Default-Props
Wert beim Einfügen ins Editor-Canvas.
JSON
{
"cols": 3,
"gap": "md",
"featuresLabel": "Inkludiert",
"resultLabel": "Resultat",
"items": [
{
"title": "Basis",
"description": "Für den Einstieg.",
"features": [
"Feature A",
"Feature B"
],
"cta": {
"label": "Anfragen",
"href": "/kontakt"
}
},
{
"title": "Standard",
"focus": "Beliebt",
"description": "Für die meisten.",
"features": [
"Feature A",
"Feature B",
"Feature C"
],
"cta": {
"label": "Anfragen",
"href": "/kontakt"
}
},
{
"title": "Premium",
"description": "Für Anspruchsvolle.",
"features": [
"Feature A",
"Feature B",
"Feature C",
"Feature D"
],
"cta": {
"label": "Anfragen",
"href": "/kontakt"
}
}
]
}