Context widgets
Markdown
- Auto-selected: no (set
ui:widgetexplicitly) ui:options: none
context: {
data: {
notes: `# Review summary
This submission needs a **quick review** before we can publish.
## What changed
- Updated pricing assumptions
- Revised rollout timeline
Inline code like \`budget.totalUsd\` and fenced blocks are supported.`,
},
ui: { notes: { "ui:widget": "markdown" } },
}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": {
"notes": "# Review summary\n\nThis submission needs a **quick review** before we can publish. Please check the _highlighted_ items below.\n\n## What changed\n\n- Updated pricing assumptions for Q4\n- Revised rollout timeline across regions\n- Added notes on compliance requirements\n\n## Next steps\n\n1. Confirm the figures match the source spreadsheet\n2. Leave feedback in the approval action\n3. Escalate if anything looks off\n\nFor the full brief, see the [project brief](https://example.com/brief).\n\nInline code like `budget.totalUsd` should stay readable next to prose.\n\n```typescript\nconst budget = {\n totalUsd: 1_250_000,\n approved: false,\n};\n\nexport function isReadyForReview(b: typeof budget) {\n return b.totalUsd > 0 && !b.approved;\n}\n```\n\n> If anything is unclear, reject with a short note so the owner can revise."
},
"ui": {
"notes": {
"ui:title": "Notes",
"ui:widget": "markdown"
}
}
}See also
This widget also appears in the full User Content Approval task example.