Recipe Viewer
Step-by-step recipes.
Search or get a random recipe rendered step-by-step.
type · recipe_viewer
Renders in the shell but fetches live data from the agent.
How to use it
Just ask for it in chat — the agent emits this widget and the shell renders it:
Try saying
“a random pasta recipe”
Example
The agent returns this A2UI component (inside the components array of a /chat response):
recipe_viewer.json
{
"type": "recipe_viewer",
"query": "pasta"
}Properties
| Prop | Type | Description |
|---|---|---|
query | string | Recipe search (optional) |
Backing endpoint
This widget reads/writes through /api/recipe. See the API reference.
Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.