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" + />