Add example code to open and close a dialog

Amsterdam · May 16, 2024 · 302cb75 · 302cb75
1 parent ccec169
commit 302cb75
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/storybook/src/components/Dialog/Dialog.docs.mdx b/storybook/src/components/Dialog/Dialog.docs.mdx
@@ -22,6 +22,14 @@ Click or tap the button to open a dialog.
 
 <Canvas of={DialogStories.TriggerButton} />
 
+Some basic example code to open and close a dialog:
+
+```ts
+const openDialog = () => (document.querySelector("#openDialog") as HTMLDialogElement)?.showModal();
+
+const closeDialog = (e: MouseEvent<HTMLButtonElement>) => e.currentTarget.closest("dialog")?.close();
+```
+
 ## Vertically Stacked Buttons
 
 If the buttons don’t fit next to each other, they will stack vertically and stretch to the full width.