From 403d693c379b7b23cd39b91cf71d4724eeb90371 Mon Sep 17 00:00:00 2001
From: AJ <alvaro.meireles@live.com>
Date: Mon, 9 Oct 2023 21:17:09 -0300
Subject: [PATCH] modal z-index

---
 app/Enums/Examples/Ui/Modal.php                  |  6 ++++++
 resources/views/documentation/ui/modal.blade.php | 12 ++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/app/Enums/Examples/Ui/Modal.php b/app/Enums/Examples/Ui/Modal.php
index c90fd93d..4f710d99 100644
--- 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
index cc1fc38a..827fb777 100644
--- 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."