Add the import statement to the dialog examples
authorAlexander Ebert <ebert@woltlab.com>
Sat, 9 Sep 2023 10:01:18 +0000 (12:01 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Sat, 9 Sep 2023 10:01:18 +0000 (12:01 +0200)
docs/javascript/components_confirmation.md
docs/javascript/components_dialog.md

index 14eaaa38c24311845dbf78446a300361fd65986e..ea9efd56a0a226f1ba1d9822d252aba0a91171a6 100644 (file)
@@ -8,6 +8,8 @@ You can exclude extra information or form elements in confirmation dialogs, but
 ## Example
 
 ```ts
+import { confirmationFactory } from "WoltLabSuite/Core/Component/Confirmation";
+
 const result = await confirmationFactory()
   .custom("Do you want a cookie?")
   .withoutMessage();
index 3dd85bb5a9a38cbccf3428e7b53f11a37d923fea..297d77ad9d3c4dc3bc20ac328bc5a39ca715f977 100644 (file)
@@ -21,6 +21,8 @@ Dialogs may contain just an explanation or extra information that should be pres
 The dialog can be closed via the “X” button or by clicking the modal backdrop.
 
 ```ts
+import { dialogFactory } from "WoltLabSuite/Core/Component/Dialog";
+
 const dialog = dialogFactory().fromHtml("<p>Hello World</p>").withoutControls();
 dialog.show("Greetings from my dialog");
 ```
@@ -43,6 +45,8 @@ An alert will only provide a single button to acknowledge the dialog and must no
 The dialog itself will be limited to a width of 500px, the title can wrap into multiple lines and there will be no “X” button to close the dialog.
 
 ```ts
+import { dialogFactory } from "WoltLabSuite/Core/Component/Dialog";
+
 const dialog = dialogFactory()
   .fromHtml("<p>ERROR: Something went wrong!</p>")
   .asAlert();
@@ -106,6 +110,8 @@ A possible use case for an “extra” button would be a dialog that includes an
 ```
 
 ```ts
+import { dialogFactory } from "WoltLabSuite/Core/Component/Dialog";
+
 document.getElementById("showMyDialog")!.addEventListener("click", () => {
   const dialog = dialogFactory().fromId("myDialog").asPrompt();