diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index e7a5b62..b5a76bf 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -2,12 +2,13 @@ name: Tablar Kit Tests
 
 on:
   push:
-    branches: [ master ]
+    branches: [ 11.x ]
   pull_request:
-    branches: [ master ]
+    branches: [ 11.x ]
 
 jobs:
   test:
+    name: Run Tests
     runs-on: ubuntu-latest
 
     steps:
diff --git a/composer.json b/composer.json
index 1bf8e9c..32dae46 100644
--- a/composer.json
+++ b/composer.json
@@ -24,11 +24,9 @@
         "takielias/tablar": "*"
     },
     "require-dev": {
-        "phpunit/phpunit": "~10.0",
         "orchestra/testbench": "~9",
         "gajus/dindent": "^2.0",
-        "league/commonmark": "^1.4|^2.0",
-        "lorisleiva/cron-translator": "^0.1.1"
+        "phpunit/phpunit": "^10.0"
     },
     "autoload": {
         "psr-4": {
@@ -40,7 +38,7 @@
     },
     "autoload-dev": {
         "psr-4": {
-            "Takielias\\TablarKit\\Tests\\": "tests/"
+            "TakiElias\\TablarKit\\Tests\\": "tests/"
         }
     },
     "extra": {
diff --git a/config/tablar-kit.php b/config/tablar-kit.php
index b7d0b3b..90e519f 100644
--- a/config/tablar-kit.php
+++ b/config/tablar-kit.php
@@ -29,6 +29,8 @@
         'dependent-select' => Takielias\TablarKit\Components\Forms\Inputs\DependentSelect::class,
         'tom-select' => Takielias\TablarKit\Components\Forms\Inputs\TomSelect::class,
         'email' => Takielias\TablarKit\Components\Forms\Inputs\Email::class,
+        'modal' => Takielias\TablarKit\Components\Modals\Modal::class,
+        'modal-form' => Takielias\TablarKit\Components\Modals\ModalForm::class,
         'error' => Takielias\TablarKit\Components\Forms\Error::class,
         'lite-picker' => Takielias\TablarKit\Components\Forms\Inputs\LitePicker::class,
         'flat-picker' => Takielias\TablarKit\Components\Forms\Inputs\FlatPicker::class,
diff --git a/phpunit.xml b/phpunit.xml
index ac97622..9e7c1e3 100644
--- a/phpunit.xml
+++ b/phpunit.xml
@@ -6,8 +6,6 @@
     <testsuites>
         <testsuite name="Package">
             <directory suffix=".php">./tests/Components</directory>
-            <exclude>tests/Components/ComponentTestCase.php</exclude>
-
         </testsuite>
     </testsuites>
     <source>
diff --git a/resources/js/plugins/load.js b/resources/js/plugins/load.js
index 6ae3af0..064294f 100644
--- a/resources/js/plugins/load.js
+++ b/resources/js/plugins/load.js
@@ -6,4 +6,5 @@ import './filepond.js'
 import './tabulator.js'
 import './xlsx.js'
 import './jspdf.js'
+import './modal'
 import './common.js'
diff --git a/resources/js/plugins/modal.js b/resources/js/plugins/modal.js
new file mode 100644
index 0000000..071b251
--- /dev/null
+++ b/resources/js/plugins/modal.js
@@ -0,0 +1,102 @@
+const TablarModal = {
+    init() {
+        this.bindModalTriggers();
+        this.bindFormSubmissions();
+    },
+
+    loadModal(url, containerId = 'modal-container') {
+        fetch(url)
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                return response.text();
+            })
+            .then(html => {
+                document.getElementById(containerId).innerHTML = html;
+                // Initialize the new modal
+                const modalElement = document.querySelector('.modal');
+                const modal = new bootstrap.Modal(modalElement);
+                modal.show();
+
+                // Rebind form submissions for the new modal
+                this.bindFormSubmissions();
+            })
+            .catch(error => {
+                console.error('Error loading modal:', error);
+                // Optionally show error message to user
+                alert('Error loading modal content. Please try again.');
+            });
+    },
+
+    bindModalTriggers() {
+        // For buttons with data-modal-url
+        document.querySelectorAll('[data-modal-url]').forEach(button => {
+            button.addEventListener('click', (e) => {
+                e.preventDefault();
+                const url = button.dataset.modalUrl;
+                this.loadModal(url);
+            });
+        });
+
+        // For links with data-modal-trigger
+        document.querySelectorAll('[data-modal-trigger]').forEach(link => {
+            link.addEventListener('click', (e) => {
+                e.preventDefault();
+                const url = link.href;
+                this.loadModal(url);
+            });
+        });
+    },
+
+    bindFormSubmissions() {
+        document.querySelectorAll('.modal form').forEach(form => {
+            form.addEventListener('submit', async (e) => {
+                e.preventDefault();
+
+                try {
+                    const response = await fetch(form.action, {
+                        method: form.method,
+                        body: new FormData(form),
+                        headers: {
+                            'X-Requested-With': 'XMLHttpRequest'
+                        }
+                    });
+
+                    const data = await response.json();
+
+                    if (data.success) {
+                        // Close modal
+                        const modal = bootstrap.Modal.getInstance(form.closest('.modal'));
+                        modal.hide();
+
+                        // Clear modal container
+                        document.getElementById('modal-container').innerHTML = '';
+
+                        // Optional: Show success message
+                        if (data.message) {
+                            alert(data.message);
+                        }
+
+                        // Optional: Refresh page or update specific content
+                        if (data.reload) {
+                            window.location.reload();
+                        }
+                    }
+                } catch (error) {
+                    console.error('Error submitting form:', error);
+                }
+            });
+        });
+    }
+};
+
+// Initialize TablarModal when DOM is ready
+document.addEventListener('DOMContentLoaded', () => {
+    TablarModal.init();
+});
+
+// Global function to open any modal
+window.openModal = (url) => {
+    TablarModal.loadModal(url);
+}
diff --git a/resources/views/components/modals/form.blade.php b/resources/views/components/modals/form.blade.php
new file mode 100644
index 0000000..30e6d61
--- /dev/null
+++ b/resources/views/components/modals/form.blade.php
@@ -0,0 +1,16 @@
+@props([
+    'id' => 'modal-form',
+    'action' => '',
+    'method' => 'POST'
+])
+
+<form action="{{ $action }}" method="{{ $method === 'GET' ? 'GET' : 'POST' }}">
+    @csrf
+    @if(!in_array($method, ['GET', 'POST']))
+        @method($method)
+    @endif
+
+    <x-modal :id="$id" {{ $attributes }}>
+        {{ $slot }}
+    </x-modal>
+</form>
diff --git a/resources/views/components/modals/modal.blade.php b/resources/views/components/modals/modal.blade.php
new file mode 100644
index 0000000..e20aa3e
--- /dev/null
+++ b/resources/views/components/modals/modal.blade.php
@@ -0,0 +1,46 @@
+@props([
+    'id' => 'modal-default',
+    'size' => '',  // sm, lg, full-width
+    'status' => '', // success, danger
+    'title' => '',
+    'scrollable' => false,
+    'centered' => true,
+])
+
+<div {{ $attributes->merge(['class' => 'modal modal-blur fade']) }}
+     id="{{ $id }}"
+     tabindex="-1"
+     role="dialog"
+     aria-hidden="true">
+    <div class="modal-dialog modal-dialog-{{ $centered ? 'centered' : '' }}
+                {{ $scrollable ? 'modal-dialog-scrollable' : '' }}
+                {{ $size ? 'modal-'.$size : '' }}"
+         role="document">
+        <div class="modal-content">
+            @if($status)
+                <div class="modal-status bg-{{ $status }}"></div>
+            @endif
+
+            @if($title || isset($header))
+                <div class="modal-header">
+                    @if(isset($header))
+                        {{ $header }}
+                    @else
+                        <h5 class="modal-title">{{ $title }}</h5>
+                    @endif
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+            @endif
+
+            <div class="modal-body" id="modal-container">
+                {{ $slot }}
+            </div>
+
+            @isset($footer)
+                <div class="modal-footer">
+                    {{ $footer }}
+                </div>
+            @endisset
+        </div>
+    </div>
+</div>
diff --git a/src/Commands/InstallTablarKit.php b/src/Commands/InstallTablarKit.php
index 822b8d5..973dfc4 100644
--- a/src/Commands/InstallTablarKit.php
+++ b/src/Commands/InstallTablarKit.php
@@ -31,7 +31,7 @@ public function handle(): void
         self::updateTablarJs();
         self::scaffoldConfig();
         $this->newLine();
-        $this->comment('Tablar kit is now installed 🚀');
+        $this->comment('Tablar kit has been installed successfully. 🚀');
         $this->newLine();
         $this->comment('Run "npm install" first. Once the installation is done, run "npm run dev"');
         $this->newLine();
@@ -103,14 +103,24 @@ protected static function updateTablarJs(): void
 
         // Array of lines to be added
         $linesToAdd = [
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/filepond.js';\n",
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/jodit-editor.js';\n",
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/tom-select.js';\n",
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/flat-picker.js';\n",
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/lite-picker.js';\n",
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/tabulator.js';\n",
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/xlsx.js';\n",
-            "import '../../vendor/takielias/tablar-kit/resources/js/plugins/jspdf.js';\n",
+            "\n// Tablar Kit components' JavaScript dependencies.\n",
+            "// Uncomment the required dependencies and run npm run build to include them. \n",
+            "\n // Filepond components' JavaScript dependencies. \n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/filepond.js';\n",
+            "\n // Editor components' JavaScript dependencies. \n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/jodit-editor.js';\n",
+            "\n // Select/DropDown components' JavaScript dependencies. \n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/tom-select.js';\n",
+            "\n // Date & Time Picker components' JavaScript dependencies. \n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/flat-picker.js';\n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/lite-picker.js';\n",
+            "\n // Table components' JavaScript dependencies. \n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/tabulator.js';\n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/xlsx.js';\n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/jspdf.js';\n",
+            "\n // Modal components' JavaScript dependencies. \n",
+            "//import '../../vendor/takielias/tablar-kit/resources/js/plugins/modal.js';\n",
+            "\n // Common JavaScript dependencies. \n",
             "import '../../vendor/takielias/tablar-kit/resources/js/plugins/common.js';\n",
         ];
 
diff --git a/src/Components/Modals/Modal.php b/src/Components/Modals/Modal.php
new file mode 100644
index 0000000..07c4277
--- /dev/null
+++ b/src/Components/Modals/Modal.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace Takielias\TablarKit\Components\Modals;
+
+use Illuminate\View\Component;
+
+class Modal extends Component
+{
+    public function render()
+    {
+        return view('tablar-kit::components.modals.modal');
+    }
+}
diff --git a/src/Components/Modals/ModalForm.php b/src/Components/Modals/ModalForm.php
new file mode 100644
index 0000000..f94a2f7
--- /dev/null
+++ b/src/Components/Modals/ModalForm.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace Takielias\TablarKit\Components\Modals;
+
+use Illuminate\View\Component;
+
+class ModalForm extends Component
+{
+    public $id;
+    public $action;
+    public $method;
+    public $title;
+
+    public function __construct($id = 'modal-form', $action = '', $method = 'POST', $title = '')
+    {
+        $this->id = $id;
+        $this->action = $action;
+        $this->method = $method;
+        $this->title = $title;
+    }
+
+    public function render()
+    {
+        return view('tablar-kit::components.modals.form');
+    }
+}
diff --git a/tests/Components/ComponentTestCase.php b/tests/ComponentTestCase.php
similarity index 93%
rename from tests/Components/ComponentTestCase.php
rename to tests/ComponentTestCase.php
index 1d09764..329a878 100644
--- a/tests/Components/ComponentTestCase.php
+++ b/tests/ComponentTestCase.php
@@ -2,14 +2,13 @@
 
 declare(strict_types=1);
 
-namespace TakiElias\TablarKit\Tests\Components;
+namespace TakiElias\TablarKit\Tests;
 
 use Gajus\Dindent\Exception\InvalidArgumentException;
 use Gajus\Dindent\Exception\RuntimeException;
 use Gajus\Dindent\Indenter;
 use Orchestra\Testbench\TestCase;
 use Takielias\TablarKit\TablarKitServiceProvider;
-use TakiElias\TablarKit\Tests\InteractsWithViews;
 
 abstract class ComponentTestCase extends TestCase
 {
diff --git a/tests/Components/Alerts/AlertTest.php b/tests/Components/Alerts/AlertTest.php
index 1e9a6ae..b56ad0b 100644
--- a/tests/Components/Alerts/AlertTest.php
+++ b/tests/Components/Alerts/AlertTest.php
@@ -4,7 +4,9 @@
 
 namespace TakiElias\TablarKit\Tests\Components\Alerts;
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use Gajus\Dindent\Exception\InvalidArgumentException;
+use Gajus\Dindent\Exception\RuntimeException;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class AlertTest extends ComponentTestCase
 {
@@ -19,7 +21,10 @@ public function the_component_can_be_rendered()
             </div>
             HTML;
 
-        $this->assertComponentRenders($expected, '<x-alert/>');
+        try {
+            $this->assertComponentRenders($expected, '<x-alert/>');
+        } catch (InvalidArgumentException|RuntimeException $e) {
+        }
     }
 
     /** @test */
@@ -79,6 +84,9 @@ public function multiple_messages_can_be_used()
             </div>
             HTML;
 
-        $this->assertComponentRenders($expected, $template);
+        try {
+            $this->assertComponentRenders($expected, $template);
+        } catch (InvalidArgumentException|RuntimeException $e) {
+        }
     }
 }
diff --git a/tests/Components/Buttons/FormButtonTest.php b/tests/Components/Buttons/FormButtonTest.php
index 6bc5f64..fdf5d9a 100644
--- a/tests/Components/Buttons/FormButtonTest.php
+++ b/tests/Components/Buttons/FormButtonTest.php
@@ -2,10 +2,10 @@
 
 declare(strict_types=1);
 
-namespace TakiElias\TablarKit\Tests\Components\Buttons;
+namespace TakiElias\TablarKit\Tests\Components;
 
 use Illuminate\Support\Facades\Route;
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class FormButtonTest extends ComponentTestCase
 {
diff --git a/tests/Components/Buttons/LogoutTest.php b/tests/Components/Buttons/LogoutTest.php
index 16e006d..04e198c 100644
--- a/tests/Components/Buttons/LogoutTest.php
+++ b/tests/Components/Buttons/LogoutTest.php
@@ -2,10 +2,10 @@
 
 declare(strict_types=1);
 
-namespace TakiElias\TablarKit\Tests\Components\Buttons;
+namespace TakiElias\TablarKit\Tests\Components;
 
 use Illuminate\Support\Facades\Route;
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class LogoutTest extends ComponentTestCase
 {
diff --git a/tests/Components/Cards/CardTest.php b/tests/Components/Cards/CardTest.php
index ed55616..74817ee 100644
--- a/tests/Components/Cards/CardTest.php
+++ b/tests/Components/Cards/CardTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Cards;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class CardTest extends ComponentTestCase
 {
diff --git a/tests/Components/Editors/JoditTest.php b/tests/Components/Editors/JoditTest.php
index 525a054..ee3aabc 100644
--- a/tests/Components/Editors/JoditTest.php
+++ b/tests/Components/Editors/JoditTest.php
@@ -4,7 +4,7 @@
 
 namespace TakiElias\TablarKit\Tests\Components\Editors;
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class JoditTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/ErrorTest.php b/tests/Components/Forms/ErrorTest.php
index 5c6ba75..73704fe 100644
--- a/tests/Components/Forms/ErrorTest.php
+++ b/tests/Components/Forms/ErrorTest.php
@@ -4,7 +4,7 @@
 
 namespace TakiElias\TablarKit\Tests\Components\Forms;
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class ErrorTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/FormTest.php b/tests/Components/Forms/FormTest.php
index f8bf4a0..490be08 100644
--- a/tests/Components/Forms/FormTest.php
+++ b/tests/Components/Forms/FormTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class FormTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/CheckboxTest.php b/tests/Components/Forms/Inputs/CheckboxTest.php
index 90b7fa7..338de89 100644
--- a/tests/Components/Forms/Inputs/CheckboxTest.php
+++ b/tests/Components/Forms/Inputs/CheckboxTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class CheckboxTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/DependentSelectTest.php b/tests/Components/Forms/Inputs/DependentSelectTest.php
index 974676e..e93fbb4 100644
--- a/tests/Components/Forms/Inputs/DependentSelectTest.php
+++ b/tests/Components/Forms/Inputs/DependentSelectTest.php
@@ -6,7 +6,7 @@
 
 
 use Illuminate\Support\Facades\Route;
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class DependentSelectTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/EmailTest.php b/tests/Components/Forms/Inputs/EmailTest.php
index 07a95b2..36d393a 100644
--- a/tests/Components/Forms/Inputs/EmailTest.php
+++ b/tests/Components/Forms/Inputs/EmailTest.php
@@ -4,7 +4,7 @@
 
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class EmailTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/FilePondTest.php b/tests/Components/Forms/Inputs/FilePondTest.php
index da7e1b0..cfaf965 100644
--- a/tests/Components/Forms/Inputs/FilePondTest.php
+++ b/tests/Components/Forms/Inputs/FilePondTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class FilePondTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/FlatPickerTest.php b/tests/Components/Forms/Inputs/FlatPickerTest.php
index 5613c1c..2df6b45 100644
--- a/tests/Components/Forms/Inputs/FlatPickerTest.php
+++ b/tests/Components/Forms/Inputs/FlatPickerTest.php
@@ -4,7 +4,7 @@
 
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class FlatPickerTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/InputTest.php b/tests/Components/Forms/Inputs/InputTest.php
index 010958b..56fc55d 100644
--- a/tests/Components/Forms/Inputs/InputTest.php
+++ b/tests/Components/Forms/Inputs/InputTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class InputTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/LitePickerTest.php b/tests/Components/Forms/Inputs/LitePickerTest.php
index 58638bf..73ac6d7 100644
--- a/tests/Components/Forms/Inputs/LitePickerTest.php
+++ b/tests/Components/Forms/Inputs/LitePickerTest.php
@@ -4,7 +4,7 @@
 
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class LitePickerTest extends ComponentTestCase
 {
@@ -12,7 +12,7 @@ class LitePickerTest extends ComponentTestCase
     public function the_lite_picker_component_can_be_rendered()
     {
         $expected = <<<'HTML'
-            <input name="date" type="text" id="lite-picker" placeholder="Y-m-d H:i" class="form-control litepickr" />
+            <input name="date" type="text" id="lite-picker" placeholder="YYYY-MM-DD" class="form-control litepickr" />
             HTML;
 
         $this->assertComponentRenders($expected, '<x-lite-picker name="date" id="lite-picker"/>');
diff --git a/tests/Components/Forms/Inputs/PasswordTest.php b/tests/Components/Forms/Inputs/PasswordTest.php
index 4a5a680..840ec55 100644
--- a/tests/Components/Forms/Inputs/PasswordTest.php
+++ b/tests/Components/Forms/Inputs/PasswordTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class PasswordTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/RadioTest.php b/tests/Components/Forms/Inputs/RadioTest.php
index f2d6abe..81fb46b 100644
--- a/tests/Components/Forms/Inputs/RadioTest.php
+++ b/tests/Components/Forms/Inputs/RadioTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class RadioTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/SelectTest.php b/tests/Components/Forms/Inputs/SelectTest.php
index 0da8ae7..11fe0a7 100644
--- a/tests/Components/Forms/Inputs/SelectTest.php
+++ b/tests/Components/Forms/Inputs/SelectTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class SelectTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/TextareaTest.php b/tests/Components/Forms/Inputs/TextareaTest.php
index 3182b76..7fbdf5d 100644
--- a/tests/Components/Forms/Inputs/TextareaTest.php
+++ b/tests/Components/Forms/Inputs/TextareaTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class TextareaTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/ToggleTest.php b/tests/Components/Forms/Inputs/ToggleTest.php
index 51db85d..d7a7025 100644
--- a/tests/Components/Forms/Inputs/ToggleTest.php
+++ b/tests/Components/Forms/Inputs/ToggleTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class ToggleTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/Inputs/TomSelectTest.php b/tests/Components/Forms/Inputs/TomSelectTest.php
index 66b9d27..95e72ad 100644
--- a/tests/Components/Forms/Inputs/TomSelectTest.php
+++ b/tests/Components/Forms/Inputs/TomSelectTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms\Inputs;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class TomSelectTest extends ComponentTestCase
 {
diff --git a/tests/Components/Forms/LabelTest.php b/tests/Components/Forms/LabelTest.php
index 906f6b5..4d72594 100644
--- a/tests/Components/Forms/LabelTest.php
+++ b/tests/Components/Forms/LabelTest.php
@@ -5,7 +5,7 @@
 namespace TakiElias\TablarKit\Tests\Components\Forms;
 
 
-use TakiElias\TablarKit\Tests\Components\ComponentTestCase;
+use TakiElias\TablarKit\Tests\ComponentTestCase;
 
 class LabelTest extends ComponentTestCase
 {
diff --git a/tests/Components/Modals/ModalTest.php b/tests/Components/Modals/ModalTest.php
new file mode 100644
index 0000000..ae1afd2
--- /dev/null
+++ b/tests/Components/Modals/ModalTest.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+namespace TakiElias\TablarKit\Tests\Components\Cards;
+
+
+use TakiElias\TablarKit\Tests\ComponentTestCase;
+
+class ModalTest extends ComponentTestCase
+{
+
+    /** @test */
+    public function the_component_can_be_rendered()
+    {
+        $view = $this->blade('<x-modal status="success" title="Create User"/>'
+        );
+
+        $view->assertSee('class="modal modal-blur fade"', false)
+            ->assertSee('class="modal-status bg-success"', false)
+            ->assertSee('class="modal-content"', false);
+    }
+
+    /** @test */
+    public function can_render_danger()
+    {
+        $view = $this->blade('<x-modal status="danger" title="Create User"/>'
+        );
+
+        $view->assertSee('class="modal modal-blur fade"', false)
+            ->assertSee('class="modal-status bg-danger"', false)
+            ->assertSee('class="modal-content"', false);
+    }
+
+}