diff --git a/img.png b/img.png
deleted file mode 100644
index 52edb8c..0000000
Binary files a/img.png and /dev/null differ
diff --git a/resources/views/components/simple-alert-entry.blade.php b/resources/views/components/simple-alert-entry.blade.php
new file mode 100644
index 0000000..9ad2419
--- /dev/null
+++ b/resources/views/components/simple-alert-entry.blade.php
@@ -0,0 +1,11 @@
+<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry">
+    <x-filament-simple-alert::simple-alert
+            :icon="$getIcon()"
+            :color="$getColor()"
+            :title="$getTitle()"
+            :description="$getDescription()"
+            :link="$getLink()"
+            :link-label="$getLinkLabel()"
+            :link-blank="$getLinkBlank()"
+    />
+</x-dynamic-component>
\ No newline at end of file
diff --git a/resources/views/components/simple-alert-field.blade.php b/resources/views/components/simple-alert-field.blade.php
new file mode 100644
index 0000000..efb0090
--- /dev/null
+++ b/resources/views/components/simple-alert-field.blade.php
@@ -0,0 +1,11 @@
+<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">
+    <x-filament-simple-alert::simple-alert
+            :icon="$getIcon()"
+            :color="$getColor()"
+            :title="$getTitle()"
+            :description="$getDescription()"
+            :link="$getLink()"
+            :link-label="$getLinkLabel()"
+            :link-blank="$getLinkBlank()"
+    />
+</x-dynamic-component>
\ No newline at end of file
diff --git a/resources/views/components/simple-alert.blade.php b/resources/views/components/simple-alert.blade.php
new file mode 100644
index 0000000..a81282e
--- /dev/null
+++ b/resources/views/components/simple-alert.blade.php
@@ -0,0 +1,51 @@
+@props([
+   'icon' => null,
+   'color' => null,
+   'title' => null,
+   'description' => null,
+   'link' => null,
+   'linkLabel' => null,
+   'linkBlank' => false,
+])
+
+@php
+    use function Filament\Support\get_color_css_variables;
+
+    $colors = \Illuminate\Support\Arr::toCssStyles([
+           get_color_css_variables($color, shades: [50, 400, 500, 600, 700, 800]),
+   ]);
+@endphp
+
+<div
+        x-data="{}"
+        class="filament-simple-alert rounded-md bg-custom-50 p-4 dark:bg-gray-900 dark:ring-white/10"
+        style="{{ $colors }}">
+    <div class="flex">
+        @if($icon)
+            <div class="flex-shrink-0 self-center">
+                <x-filament::icon
+                        icon="{{ $icon }}"
+                        class="h-5 w-5 h-5 w-5 text-custom-400"
+                />
+            </div>
+        @endif
+        <div class="ml-3 flex-1 md:flex md:justify-between">
+            <div>
+                <p class="text-sm font-medium text-custom-800 dark:text-white">
+                    {!! $title !!}
+                </p>
+                <p class="text-sm text-custom-700 dark:text-white">
+                    {!! $description !!}
+                </p>
+            </div>
+            @if($link)
+                <p class="mt-3 text-sm md:ml-6 md:mt-0 self-center">
+                    <a href="{{ $link }}" {{ $linkBlank ? 'target="_blank"' : '' }} class="whitespace-nowrap font-medium text-custom-400 hover:text-custom-500">
+                        {{ $linkLabel }}
+                        <span aria-hidden="true"> &rarr;</span>
+                    </a>
+                </p>
+            @endif
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/simple-alert.blade.php b/resources/views/simple-alert.blade.php
deleted file mode 100644
index ea18f5c..0000000
--- a/resources/views/simple-alert.blade.php
+++ /dev/null
@@ -1,40 +0,0 @@
-@php
-    use Filament\Support\Facades\FilamentAsset;use function Filament\Support\get_color_css_variables;
-
-    $colors = \Illuminate\Support\Arr::toCssStyles([
-           get_color_css_variables($getType(), shades: [50, 400, 500, 600, 700, 800]),
-   ]);
-@endphp
-
-<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry">
-    <div class="filament-simple-alert rounded-md bg-custom-50 p-4 dark:bg-gray-900 dark:ring-white/10" style="{{ $colors }}">
-        <div class="flex">
-            @if($getIcon())
-                <div class="flex-shrink-0 self-center">
-                    <x-filament::icon
-                            icon="{{ $getIcon() }}"
-                            class="h-5 w-5 h-5 w-5 text-custom-400"
-                    />
-                </div>
-            @endif
-            <div class="ml-3 flex-1 md:flex md:justify-between">
-                <div>
-                    <p class="text-sm font-medium text-custom-800 dark:text-white">
-                        {!! $getTitle() !!}
-                    </p>
-                    <p class="text-sm text-custom-700 dark:text-white">
-                        {!! $getDescription() !!}
-                    </p>
-                </div>
-                @if($getLink())
-                    <p class="mt-3 text-sm md:ml-6 md:mt-0 self-center">
-                        <a href="{{ $getLink() }}" {{ $getBlank() ? 'target="_blank"' : '' }} class="whitespace-nowrap font-medium text-custom-400 hover:text-custom-500">
-                            {{ $getLinkLabel() }}
-                            <span aria-hidden="true"> &rarr;</span>
-                        </a>
-                    </p>
-                @endif
-            </div>
-        </div>
-    </div>
-</x-dynamic-component>
\ No newline at end of file
diff --git a/src/Components/Concerns/HasColor.php b/src/Components/Concerns/HasColor.php
new file mode 100644
index 0000000..434964e
--- /dev/null
+++ b/src/Components/Concerns/HasColor.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Concerns;
+
+use Closure;
+
+trait HasColor
+{
+    protected string $color = 'gray';
+
+    public function color(Closure|string $color): static
+    {
+        $this->color = $color;
+
+        return $this;
+    }
+
+    public function getColor(): string
+    {
+        return $this->evaluate($this->color);
+    }
+}
diff --git a/src/Components/Concerns/HasDescription.php b/src/Components/Concerns/HasDescription.php
new file mode 100644
index 0000000..9b3bc7f
--- /dev/null
+++ b/src/Components/Concerns/HasDescription.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Concerns;
+
+use Closure;
+
+trait HasDescription
+{
+    protected Closure|string|null $description = null;
+
+    public function description(Closure|string $description): static
+    {
+        $this->description = $description;
+
+        return $this;
+    }
+
+    public function getDescription(): ?string
+    {
+        return $this->evaluate($this->description);
+    }
+}
diff --git a/src/Components/Concerns/HasIcon.php b/src/Components/Concerns/HasIcon.php
new file mode 100644
index 0000000..667760b
--- /dev/null
+++ b/src/Components/Concerns/HasIcon.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Concerns;
+
+use Closure;
+
+trait HasIcon
+{
+    protected Closure|string|null $icon = null;
+
+    public function icon(Closure|string $icon): static
+    {
+        $this->icon = $icon;
+
+        return $this;
+    }
+
+    public function getIcon(): ?string
+    {
+        return $this->evaluate($this->icon);
+    }
+}
diff --git a/src/Components/Concerns/HasLink.php b/src/Components/Concerns/HasLink.php
new file mode 100644
index 0000000..e01ca22
--- /dev/null
+++ b/src/Components/Concerns/HasLink.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Concerns;
+
+use Closure;
+
+trait Haslink
+{
+    protected Closure|string|null $link = null;
+
+    protected Closure|string $linkLabel = 'Details';
+
+    protected Closure|bool|null $linkBlank = false;
+
+    public function link(Closure|string $link): static
+    {
+        $this->link = $link;
+
+        return $this;
+    }
+
+    public function linkLabel(Closure|string $linkLabel): static
+    {
+        $this->linkLabel = $linkLabel;
+
+        return $this;
+    }
+
+    public function linkBlank(Closure|string $linkBlank): static
+    {
+        $this->linkBlank = $linkBlank;
+
+        return $this;
+    }
+
+    public function getLink(): ?string
+    {
+        return $this->evaluate($this->link);
+    }
+
+    public function getLinkLabel(): string
+    {
+        return $this->evaluate($this->linkLabel);
+    }
+
+    public function getLinkBlank(): bool
+    {
+        return $this->evaluate($this->linkBlank);
+    }
+}
diff --git a/src/Components/Concerns/HasSimple.php b/src/Components/Concerns/HasSimple.php
new file mode 100644
index 0000000..ff216d1
--- /dev/null
+++ b/src/Components/Concerns/HasSimple.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Concerns;
+
+trait HasSimple
+{
+    public function danger(): static
+    {
+        $this->color = 'danger';
+        $this->icon = 'heroicon-s-x-circle';
+
+        return $this;
+    }
+
+    public function info(): static
+    {
+        $this->color = 'info';
+        $this->icon = 'heroicon-s-information-circle';
+
+        return $this;
+    }
+
+    public function success(): static
+    {
+        $this->color = 'success';
+        $this->icon = 'heroicon-s-check-circle';
+
+        return $this;
+    }
+
+    public function warning(): static
+    {
+        $this->color = 'warning';
+        $this->icon = 'heroicon-s-exclamation-triangle';
+
+        return $this;
+    }
+}
diff --git a/src/Components/Concerns/HasTitle.php b/src/Components/Concerns/HasTitle.php
new file mode 100644
index 0000000..737ce57
--- /dev/null
+++ b/src/Components/Concerns/HasTitle.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Concerns;
+
+use Closure;
+
+trait HasTitle
+{
+    protected Closure|string|null $title = null;
+
+    public function title(Closure|string $title): static
+    {
+        $this->title = $title;
+
+        return $this;
+    }
+
+    public function getTitle(): ?string
+    {
+        return $this->evaluate($this->title);
+    }
+}
diff --git a/src/Components/Forms/SimpleAlert.php b/src/Components/Forms/SimpleAlert.php
new file mode 100644
index 0000000..2617b0c
--- /dev/null
+++ b/src/Components/Forms/SimpleAlert.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Forms;
+
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasColor;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasDescription;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasIcon;
+use CodeWithDennis\SimpleAlert\Components\Concerns\Haslink;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasSimple;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasTitle;
+use Filament\Forms\Components\Field;
+
+class SimpleAlert extends Field
+{
+    use HasColor;
+    use HasDescription;
+    use HasIcon;
+    use Haslink;
+    use HasSimple;
+    use HasTitle;
+
+    protected string $view = 'filament-simple-alert::components.simple-alert-field';
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->hiddenLabel();
+    }
+}
diff --git a/src/Components/Infolists/SimpleAlert.php b/src/Components/Infolists/SimpleAlert.php
new file mode 100644
index 0000000..7e13770
--- /dev/null
+++ b/src/Components/Infolists/SimpleAlert.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace CodeWithDennis\SimpleAlert\Components\Infolists;
+
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasColor;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasDescription;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasIcon;
+use CodeWithDennis\SimpleAlert\Components\Concerns\Haslink;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasSimple;
+use CodeWithDennis\SimpleAlert\Components\Concerns\HasTitle;
+use Filament\Infolists\Components\Entry;
+
+class SimpleAlert extends Entry
+{
+    use HasColor;
+    use HasDescription;
+    use HasIcon;
+    use Haslink;
+    use HasSimple;
+    use HasTitle;
+
+    protected string $view = 'filament-simple-alert::components.simple-alert-entry';
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->hiddenLabel();
+    }
+}
diff --git a/src/Components/SimpleAlertEntry.php b/src/Components/SimpleAlertEntry.php
deleted file mode 100644
index 1b26b5a..0000000
--- a/src/Components/SimpleAlertEntry.php
+++ /dev/null
@@ -1,148 +0,0 @@
-<?php
-
-namespace CodeWithDennis\SimpleAlert\Components;
-
-use Closure;
-use Filament\Infolists\Components\Entry;
-
-class SimpleAlertEntry extends Entry
-{
-    protected string $view = 'filament-simple-alert::simple-alert';
-
-    protected string $type = 'gray';
-
-    protected Closure|string|null $icon = null;
-
-    protected Closure|string|null $title = null;
-
-    protected Closure|string|null $description = null;
-
-    protected Closure|string|null $link = null;
-
-    protected Closure|string $linkLabel = 'Details';
-
-    protected Closure|bool|null $linkBlank = false;
-
-    protected function setUp(): void
-    {
-        parent::setUp();
-
-        $this->hiddenLabel();
-    }
-
-    public function danger(): static
-    {
-        $this->type = 'danger';
-        $this->icon = 'heroicon-s-x-circle';
-
-        return $this;
-    }
-
-    public function info(): static
-    {
-        $this->type = 'info';
-        $this->icon = 'heroicon-s-information-circle';
-
-        return $this;
-    }
-
-    public function success(): static
-    {
-        $this->type = 'success';
-        $this->icon = 'heroicon-s-check-circle';
-
-        return $this;
-    }
-
-    public function warning(): static
-    {
-        $this->type = 'warning';
-        $this->icon = 'heroicon-s-exclamation-triangle';
-
-        return $this;
-    }
-
-    public function color(Closure|string $color): static
-    {
-        $this->type = $color;
-
-        return $this;
-    }
-
-    public function icon(Closure|string $icon): static
-    {
-        $this->icon = $icon;
-
-        return $this;
-    }
-
-    public function link(Closure|string $link): static
-    {
-        $this->link = $link;
-
-        return $this;
-    }
-
-    public function linkLabel(Closure|string $linkLabel): static
-    {
-        $this->linkLabel = $linkLabel;
-
-        return $this;
-    }
-
-    public function linkBlank(Closure|string $linkBlank): static
-    {
-        $this->linkBlank = $linkBlank;
-
-        return $this;
-    }
-
-    public function title(Closure|string $title): static
-    {
-        $this->title = $title;
-
-        return $this;
-    }
-
-    public function description(Closure|string $description): static
-    {
-        $this->description = $description;
-
-        return $this;
-    }
-
-    public function getType(): string
-    {
-        return $this->type;
-    }
-
-    public function getLink(): ?string
-    {
-        return $this->evaluate($this->link);
-    }
-
-    public function getLinkLabel(): ?string
-    {
-        return $this->evaluate($this->linkLabel);
-    }
-
-    public function getBlank(): bool
-    {
-        return $this->evaluate($this->linkBlank);
-    }
-
-    public function getTitle(): ?string
-    {
-        return $this->evaluate($this->title);
-    }
-
-    public function getDescription(): ?string
-    {
-        return $this->evaluate($this->description);
-    }
-
-    public function getIcon(): ?string
-    {
-        return $this->evaluate($this->icon);
-    }
-}
diff --git a/tests/ArchTest.php b/tests/ArchTest.php
deleted file mode 100644
index ccc19b2..0000000
--- a/tests/ArchTest.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<?php
-
-it('will not use debugging functions')
-    ->expect(['dd', 'dump', 'ray'])
-    ->each->not->toBeUsed();
diff --git a/tests/ExampleTest.php b/tests/ExampleTest.php
deleted file mode 100644
index 5d36321..0000000
--- a/tests/ExampleTest.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<?php
-
-it('can test', function () {
-    expect(true)->toBeTrue();
-});
diff --git a/tests/Pest.php b/tests/Pest.php
deleted file mode 100644
index 63533ca..0000000
--- a/tests/Pest.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<?php
-
-use CodeWithDennis\SimpleAlert\Tests\TestCase;
-
-uses(TestCase::class)->in(__DIR__);
diff --git a/tests/TestCase.php b/tests/TestCase.php
deleted file mode 100644
index 7c0991f..0000000
--- a/tests/TestCase.php
+++ /dev/null
@@ -1,60 +0,0 @@
-<?php
-
-namespace CodeWithDennis\SimpleAlert\Tests;
-
-use BladeUI\Heroicons\BladeHeroiconsServiceProvider;
-use BladeUI\Icons\BladeIconsServiceProvider;
-use CodeWithDennis\SimpleAlert\SimpleAlertServiceProvider;
-use Filament\Actions\ActionsServiceProvider;
-use Filament\FilamentServiceProvider;
-use Filament\Forms\FormsServiceProvider;
-use Filament\Infolists\InfolistsServiceProvider;
-use Filament\Notifications\NotificationsServiceProvider;
-use Filament\Support\SupportServiceProvider;
-use Filament\Tables\TablesServiceProvider;
-use Filament\Widgets\WidgetsServiceProvider;
-use Illuminate\Database\Eloquent\Factories\Factory;
-use Livewire\LivewireServiceProvider;
-use Orchestra\Testbench\TestCase as Orchestra;
-use RyanChandler\BladeCaptureDirective\BladeCaptureDirectiveServiceProvider;
-
-class TestCase extends Orchestra
-{
-    protected function setUp(): void
-    {
-        parent::setUp();
-
-        Factory::guessFactoryNamesUsing(
-            fn (string $modelName) => 'CodeWithDennis\\SimpleAlert\\Database\\Factories\\'.class_basename($modelName).'Factory'
-        );
-    }
-
-    protected function getPackageProviders($app)
-    {
-        return [
-            ActionsServiceProvider::class,
-            BladeCaptureDirectiveServiceProvider::class,
-            BladeHeroiconsServiceProvider::class,
-            BladeIconsServiceProvider::class,
-            FilamentServiceProvider::class,
-            FormsServiceProvider::class,
-            InfolistsServiceProvider::class,
-            LivewireServiceProvider::class,
-            NotificationsServiceProvider::class,
-            SupportServiceProvider::class,
-            TablesServiceProvider::class,
-            WidgetsServiceProvider::class,
-            SimpleAlertServiceProvider::class,
-        ];
-    }
-
-    public function getEnvironmentSetUp($app)
-    {
-        config()->set('database.default', 'testing');
-
-        /*
-        $migration = include __DIR__.'/../database/migrations/create_filament-simple-alert_table.php.stub';
-        $migration->up();
-        */
-    }
-}