RecipeCard
DomainRecipe: title, time/servings/difficulty, ingredient checklist and numbered steps. Use for any recipe or cooking how-to.
Props
Generated from the Zod definition. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.
| Prop | Type | Required | Description |
|---|---|---|---|
| title | string | Yes | Heading shown at the top of the component. |
| image | string | No | Image URL. |
| time | string | No | - |
| servings | number | No | - |
| difficulty | string | No | - |
| ingredients | string[] | Yes | - |
| steps | string[] | Yes | - |
| tags | string[] | No | Short labels shown as chips. |
Used by templates
Fixed-schema templates that include RecipeCard. Try them in the playground.