Merge pull request #26 from dissto/extend-icon

The icon method now includes more options.

README.md

@@ -64,14 +64,17 @@ SimpleAlert::make('example')
 
 ### Icon
 
-By default, all simple alerts will have an icon. If you would like to change the icon, you can use the `icon` method.
+By default, simple alerts come with an icon. For example, the `->danger()` method includes a `heroicon-s-x-circle` icon. If you want to use a different icon, you can use the icon method.
 
 ```php
 use CodeWithDennis\SimpleAlert\Components\Infolists\SimpleAlert;
+//use Illuminate\Support\HtmlString;
 
 SimpleAlert::make('example')
     ->color('purple')
     ->icon('heroicon-s-users')
+//->icon(new HtmlString('🤓'))
+//->icon(new HtmlString(Blade::render('my-custom-icon-component')))
 ```
 
 ### Title

resources/views/components/simple-alert.blade.php

@@ -16,6 +16,7 @@
     $colors = \Illuminate\Support\Arr::toCssStyles([
            get_color_css_variables($color, shades: [50, 100, 400, 500, 600, 700, 800]),
    ]);
+
 @endphp
 
 <div
@@ -27,14 +28,14 @@
         style="{{ $colors }}">
     <div class="flex">
         @if($icon)
-            <div class="flex-shrink-0 self-center">
+            <div class="flex-shrink-0 self-center mr-3">
                 <x-filament::icon
-                        icon="{{ $icon }}"
+                        :icon="$icon"
                         class="h-5 w-5 text-custom-400"
                 />
             </div>
         @endif
-        <div class="ml-3 items-center flex-1 md:flex md:justify-between">
+        <div class="items-center flex-1 md:flex md:justify-between">
             @if($title || $description)
                 <div>
                     @if($title)

src/Components/Concerns/HasIcon.php

@@ -3,19 +3,20 @@
 namespace CodeWithDennis\SimpleAlert\Components\Concerns;
 
 use Closure;
+use Illuminate\Contracts\Support\Htmlable;
 
 trait HasIcon
 {
-    protected Closure|string|null $icon = null;
+    protected string|Htmlable|Closure|null $icon = null;
 
-    public function icon(Closure|string $icon): static
+    public function icon(string|Htmlable|Closure|null $icon): static
     {
         $this->icon = $icon;
 
         return $this;
     }
 
-    public function getIcon(): ?string
+    public function getIcon(): string|Htmlable|null
     {
         return $this->evaluate($this->icon);
     }