modal z-index

tallstackui · Oct 10, 2023 · 403d693 · 403d693
1 parent 8edfc56
commit 403d693
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/app/Enums/Examples/Ui/Modal.php b/app/Enums/Examples/Ui/Modal.php
@@ -54,6 +54,12 @@ class Modal
     </x-modal>
     HTML;
 
+    public const Z_INDEX = <<<'HTML'
+    <x-modal title="TallStackUi" z-index="z-10">
+        TallStackUi
+    </x-modal>
+    HTML;
+
     public const UNCLOSEABLE = <<<'HTML'
     <x-modal title="TallStackUi" uncloseable>
         TallStackUi

diff --git a/resources/views/documentation/ui/modal.blade.php b/resources/views/documentation/ui/modal.blade.php
@@ -128,6 +128,18 @@
             </x-button>
         </x-preview>
     </x-section>
+    <x-section>
+        <x-preview title="Z Index"
+                   language="blade"
+                   :contents="$zIndex">
+            <x-modal id="z-modal" title="TallStackUi" z-index="z-10">
+                TallStackUi
+            </x-modal>
+            <x-button x-on:click="$modalOpen('z-modal')">
+                Open
+            </x-button>
+        </x-preview>
+    </x-section>
     <x-section>
         <x-preview title="Uncloseable"
                    description="An option to prevent the user from closing the modal when click outside."