add modal story for testing

sumup-oss · Nov 27, 2024 · 2923b4c · 2923b4c
1 parent 8bfe66f
commit 2923b4c
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/packages/circuit-ui/components/Dialog/Dialog.stories.tsx b/packages/circuit-ui/components/Dialog/Dialog.stories.tsx
@@ -96,6 +96,32 @@ export const Base = () => {
   );
 };
 
+export const Modal = () => {
+  const [modalOpen, setModalOpen] = useState(false);
+  return (
+    <>
+      <Button
+        type="button"
+        onClick={() => {
+          setModalOpen(true);
+        }}
+      >
+        Open modal
+      </Button>
+      <Dialog
+        open={modalOpen}
+        isModal
+        onClose={() => setModalOpen(false)}
+        closeButtonLabel="Close"
+        aria-label="Hello World!"
+        aria-describedby="log1"
+      >
+        {defaultModalChildren}
+      </Dialog>
+    </>
+  );
+};
+
 export const Simultaneous = () => {
   const [modalOpen, setModalOpen] = useState(false);
   const [modalOpen2, setModalOpen2] = useState(false);