RobotRock
Context widgets

Image

  • Auto-selected: no (set ui:widget explicitly)
  • ui:options: none
context: {
  data: { architectureDiagram: "https://example.com/diagram.png" },
  ui: { architectureDiagram: { "ui:widget": "image" } },
}

Inbox preview

Rendered by the dashboard (static preview route). Matches docs light/dark mode. Handle actions are disabled; use the toolbar to submit this example to your inbox or view its configuration.

Context

{
  "data": {
    "architectureDiagram": "https://images.unsplash.com/photo-1558494949-ef010cbdcc31"
  },
  "ui": {
    "architectureDiagram": {
      "ui:title": "Architecture diagram",
      "ui:widget": "image"
    }
  }
}

See also

This widget also appears in the full Image Comparison task example.