diff --git a/src/features/boards/BoardNode.vue b/src/features/boards/BoardNode.vue
index df5c135..e29b4eb 100644
--- a/src/features/boards/BoardNode.vue
+++ b/src/features/boards/BoardNode.vue
@@ -117,7 +117,7 @@
Tap again to confirm{{ confirmationLabel.text }}
@@ -216,6 +217,14 @@ const label = computed(
getNodeProperty(unref(props.selectedAction)!.tooltip, unref(props.node))
: null) ?? getNodeProperty(props.nodeType.value.label, unref(props.node))
);
+const confirmationLabel = computed(() =>
+ getNodeProperty(
+ unref(props.selectedAction)?.confirmationLabel ?? {
+ text: "Tap again to confirm"
+ },
+ unref(props.node)
+ )
+);
const size = computed(() => getNodeProperty(props.nodeType.value.size, unref(props.node)));
const progress = computed(
() => getNodeProperty(props.nodeType.value.progress, unref(props.node)) ?? 0
diff --git a/src/features/boards/BoardNodeAction.vue b/src/features/boards/BoardNodeAction.vue
index 95adeee..c65727a 100644
--- a/src/features/boards/BoardNodeAction.vue
+++ b/src/features/boards/BoardNodeAction.vue
@@ -1,7 +1,6 @@
-
;
/** The tooltip text to display for the action. */
tooltip: NodeComputable;
+ /** The confirmation label that appears under the action. */
+ confirmationLabel?: NodeComputable;
/** An array of board node links associated with the action. They appear when the action is focused. */
links?: NodeComputable;
/** A function that is called when the action is clicked. */
@@ -206,6 +208,7 @@ export type BoardNodeAction = Replace<
icon: GetComputableType;
fillColor: GetComputableType;
tooltip: GetComputableType;
+ confirmationLabel: GetComputableTypeWithDefault;
links: GetComputableType;
}
>;
@@ -215,6 +218,7 @@ export type GenericBoardNodeAction = Replace<
BoardNodeAction,
{
visibility: NodeComputable;
+ confirmationLabel: NodeComputable;
}
>;
@@ -416,6 +420,8 @@ export function createBoard(
processComputable(action, "icon");
processComputable(action, "fillColor");
processComputable(action, "tooltip");
+ processComputable(action, "confirmationLabel");
+ setDefault(action, "confirmationLabel", { text: "Tap again to confirm" });
processComputable(action, "links");
}
}