refactor: add example for inner close button

qupaya · Aug 26, 2024 · 1d1c1f1 · 1d1c1f1
1 parent e4fdeec
commit 1d1c1f1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.html b/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.html
@@ -71,7 +71,24 @@
       [showCloseButton]="true"
     >
       <div>
-        here comes some content. This is a dialog with the a fallback Close
+        here comes some content. This is a dialog with the fallback Close
+        Button. (when the user don't have a close button)
+      </div>
+    </sk-dialog>
+  </div>
+
+  <div>
+    <button (click)="isDialogWithInnerFallbackButtonOpen = true">
+      open Dialog with fallback outer button right
+    </button>
+
+    <sk-dialog
+      [(open)]="isDialogWithInnerFallbackButtonOpen"
+      (close)="isDialogWithInnerFallbackButtonOpen = false"
+      [showCloseButton]="true"
+    >
+      <div>
+        here comes some content. This is a dialog with the inner fallback Close
         Button. (when the user don't have a close button)
       </div>
     </sk-dialog>

diff --git a/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.ts b/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.ts
@@ -21,6 +21,7 @@ export class DialogSampleComponent {
   isDialogWithOuterButtonLeftOpen = false;
   isDialogWithInnerButtonLeftOpen = false;
   isDialogWithFallbackButtonOpen = false;
+  isDialogWithInnerFallbackButtonOpen = false;
   isDialogWithShadowOpen = false;
   isFullscreenDialogOpen = false;
   isDialogWithOverflowOpen = false;