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:
@@ -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,
|
||||
|
||||
@@ -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",
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user