You are here. See how this question connects to other ideas.
Select a node to open its page · Expand to read within the map
One question
action: How does a button express an action?
action expresses a triggerable action or navigation entry.
Next page can be navigation; Complete task can invoke an operation. Distinguish href navigation from events.click before choosing appearance. A disabled button is UI state, not operation-side authorization.
Start with these properties
label is the visible button text. href gives a navigation destination. disabled expresses a disabled state. For a business action, inspect the operation connected to events.click, rather than inferring behavior from the label alone.
click expresses the activation intent. The example connects it to a save action and supplies the record identifier; the action result establishes whether saving succeeded.
Read a structural example
From the source registry. This is structural reading material, not a live demo; referenced resources and actions require an application.
{
"id": "save-btn",
"type": "action",
"props": {
"label": "Save",
"variant": "primary",
"icon": "check"
},
"events": {
"click": {
"exec": "/api/.actions/save",
"args": {
"id": "123"
}
}
}
}This example uses events.click.exec rather than href. Its variant and icon affect presentation; the event connection determines the save operation.
Check your understanding
Which connections would you inspect for Open next article and Complete task?
First examine href navigation for the former and the click event operation target for the latter.