Button

Author: salahhusa9

config/template-components.php

@@ -10,5 +10,10 @@
             'error-div' => 'invalid-feedback',
             'input-error' => 'is-invalid',
         ],
+        'button' => [
+            'button' => 'btn',
+            'indicator-progress' => ' d-block',
+            'spinner-class'
+        ]
     ],
 ];

resources/views/components/button.blade.php

@@ -0,0 +1,12 @@
+<button {{ $attributes->merge(['class' => config('template-components.defult_classes.button.button')]) }} {{ $attributes }} wire:loading.attr="disabled">
+    <span wire:loading.remove wire:target="{{ $attributes->get('wire:target') }}" class="{{ $attributes->get('span-text') }}">
+        {{ $slot }}
+    </span>
+
+    <div wire:loading wire:target="{{ $attributes->get('wire:target') }}">
+        <span class="{{ $attributes->get('indicator-progress-class') }}">
+            {{ $attributes->get('loading-text') ?? 'Please wait...' }}
+            <span class="{{ $attributes->get('spinner-class') ?? 'spinner-border spinner-border-sm align-middle ms-2' }} {{ config('template-components.defult_classes.button.spinner-class') }}"></span>
+        </span>
+    </div>
+</button>

tests/components/ButtonComponentTest.php

@@ -0,0 +1,9 @@
+<?php
+
+// test button component
+
+use Illuminate\Support\Facades\View;
+
+it('can render button component', function () {
+    $this->assertTrue(View::exists('template-components::button'));
+});