docs: loading state example

elixir-cloud-aai · Nov 8, 2023 · 3b7eb68 · 3b7eb68
1 parent 9432d3e
commit 3b7eb68
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/documentation/docs/design/components/form.md b/apps/documentation/docs/design/components/form.md
@@ -234,6 +234,8 @@ const fields = [
     class="methods-example"
     .fields=${fields}
     @form-submit=${(e) => {
+      document.querySelector(".methods-example").loading();
+      await new Promise((resolve) => setTimeout(resolve, 3000));
       if (e.detail.form.data["throw-error"]) {
         document.querySelector(".methods-example").error({
           message: e.detail.form.data["custom-message"],
@@ -605,7 +607,9 @@ onMounted(() => {
       });
     });
     document.querySelectorAll(".methods-example").forEach((element) => {
-      element.addEventListener("form-submit", (e) => {
+      element.addEventListener("form-submit", async (e) => {
+        document.querySelector(".methods-example").loading();
+        await new Promise((resolve) => setTimeout(resolve, 3000));
         if (e.detail.form.data["throw-error"]) {
           document.querySelector(".methods-example").error({
             message: e.detail.form.data["custom-message"],