diff --git a/react/components/MadieDialog/MadieDialog.stories.js b/react/components/MadieDialog/MadieDialog.stories.js
index 34cb440..d0ab731 100644
--- a/react/components/MadieDialog/MadieDialog.stories.js
+++ b/react/components/MadieDialog/MadieDialog.stories.js
@@ -34,6 +34,17 @@ export const Dialog = () => {
const [form, setForm] = useState(false);
const [required, setRequired] = useState(false);
+ const [showDialogActions, setShowDialogActions] = useState(false);
+
+ const cancelButtonProps = showDialogActions? {
+ cancelText: "Discard Changes",
+ "data-testid": "cancel-button",
+ }: undefined;
+ const continueButtonProps = showDialogActions? {
+ continueText: "Save",
+ "data-testid": "save-button",
+ }: undefined;
+
return (
@@ -57,6 +68,16 @@ export const Dialog = () => {
}
label="Required"
/>
+ setShowDialogActions(e.target.checked)}
+ name="actions"
+ />
+ }
+ label="actions"
+ />