diff --git a/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx b/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx
index 06eb6cc8b..0245762ee 100644
--- a/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx
+++ b/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx
@@ -158,10 +158,18 @@ const sampleTasks: StageTaskItem[][] = [
id: 'address_verification',
label: 'Address Verification and a really long label that might wrap',
icon: ,
+ isRequired: true,
},
{ id: 'property_verification', label: 'Property Verification', icon: },
],
- [{ id: 'processing_review', label: 'Processing Review', icon: }],
+ [
+ {
+ id: 'processing_review',
+ label: 'Processing Review',
+ icon: ,
+ isRequired: true,
+ },
+ ],
];
export const Default: Story = {
diff --git a/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts b/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts
index 8d71b0143..0bcd4697d 100644
--- a/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts
+++ b/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts
@@ -24,6 +24,7 @@ export interface StageTaskItem {
id: string;
label: string;
icon?: React.ReactElement;
+ isRequired?: boolean;
isAdhoc?: boolean;
isPlaceholder?: boolean;
taskGroupType?: 'sequential' | 'event-driven' | 'adhoc';
diff --git a/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx b/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx
index 0f406af57..ce4f39ffb 100644
--- a/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx
+++ b/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx
@@ -158,7 +158,18 @@ export const TaskContent = memo(
smartTooltip
{...(isDragging && { isOpen: false })}
>
- {task.label}
+
+ {task.label}
+ {task.isRequired && (
+
+ {'*'}
+
+ )}
+