Show a footer Remove on selected create-flow modules so removal is not kebab-only.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-09-02 14:45:56 -06:00
co-authored by Cursor
parent df7051f33a
commit 84ef943df4
23 changed files with 251 additions and 16 deletions
+25
View File
@@ -29,6 +29,9 @@ export default {
showNextButton: {
control: { type: "boolean" },
},
showRemoveButton: {
control: { type: "boolean" },
},
nextButtonDisabled: {
control: { type: "boolean" },
},
@@ -196,6 +199,28 @@ export const LoginYellowBackdrop = {
},
render: Template,
};
export const SelectedModuleRemove = {
args: {
isOpen: true,
title: "Lazy Consensus",
description:
"A decision is assumed approved unless objections are raised within a specified timeframe.",
backdropVariant: "blurredYellow",
children: (
<div className="space-y-4">
<p className="text-[var(--color-content-default-primary)]">
Selected module: danger Remove on the left, Save on the right.
</p>
</div>
),
showBackButton: false,
showRemoveButton: true,
showNextButton: true,
nextButtonText: "Save",
nextButtonDisabled: false,
},
render: Template,
};
export const NextButtonDisabled = {
args: {
isOpen: true,
+15
View File
@@ -11,6 +11,11 @@ export default {
control: "boolean",
description: "Whether to render the back button on the left",
},
showRemoveButton: {
control: "boolean",
description:
"Whether to render a danger Remove button in the left footer slot",
},
showNextButton: {
control: "boolean",
description: "Whether to render the next button on the right",
@@ -41,6 +46,7 @@ export default {
},
onBack: { action: "back-clicked" },
onNext: { action: "next-clicked" },
onRemove: { action: "remove-clicked" },
},
};
@@ -69,3 +75,12 @@ export const NextOnly = {
showNextButton: true,
},
};
export const RemoveAndSave = {
args: {
showBackButton: false,
showRemoveButton: true,
showNextButton: true,
nextButtonText: "Save",
},
};