Context widgets
Table
- Auto-selected for: arrays of objects
ui:options: none at table level; nested item fields can use options (for examplecurrency)
context: {
data: {
lineItems: [{ label: "Tools", amount: 5000 }],
},
ui: {
lineItems: {
"ui:widget": "table",
items: {
amount: {
"ui:widget": "currency",
"ui:options": { currency: "USD" },
},
},
},
},
}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": {
"lineItems": [
{
"label": "Tools",
"amount": 5000
},
{
"label": "Training",
"amount": 2500
}
]
},
"ui": {
"lineItems": {
"ui:title": "Line items",
"ui:widget": "table",
"items": {
"label": {
"ui:title": "Label"
},
"amount": {
"ui:title": "Amount",
"ui:widget": "currency",
"ui:options": {
"currency": "USD"
}
}
}
}
}
}See also
This widget also appears in the full Budget Approval task example.