feat: add Alert component with customizable properties

Author: athphane

resources/views/bootstrap-5/alert.blade.php

@@ -0,0 +1,32 @@
+@php
+    $classes = 'alert alert-' . $type;
+
+    if ($dismissible) {
+        $classes .= ' alert-dismissible fade show';
+    }
+@endphp
+
+<div {{ $attributes->merge(['class' => $classes]) }} role="alert">
+    @if($icon)
+        <div class="d-flex align-items-start">
+            <i class="{{ $icon }} flex-shrink-0 me-2" aria-hidden="true"></i>
+            <div class="flex-grow-1">
+                @isset($heading)
+                    <h4 class="alert-heading">{{ $heading }}</h4>
+                @endisset
+
+                {!! $slot !!}
+            </div>
+        </div>
+    @else
+        @isset($heading)
+            <h4 class="alert-heading">{{ $heading }}</h4>
+        @endisset
+
+        {!! $slot !!}
+    @endif
+
+    @if($dismissible)
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    @endif
+</div>

resources/views/material-admin-26/alert.blade.php

@@ -0,0 +1,34 @@
+@php
+    $classes = 'alert alert-' . $type;
+
+    if ($dismissible) {
+        $classes .= ' alert-dismissible fade show';
+    }
+@endphp
+
+<div {{ $attributes->merge(['class' => $classes]) }} role="alert">
+    @if($icon)
+        <div class="d-flex align-items-start">
+            <i class="{{ $icon }} flex-shrink-0 me-2" aria-hidden="true"></i>
+            <div class="flex-grow-1">
+                @isset($heading)
+                    <h4 class="alert-heading">{{ $heading }}</h4>
+                @endisset
+
+                {!! $slot !!}
+            </div>
+        </div>
+    @else
+        @isset($heading)
+            <h4 class="alert-heading">{{ $heading }}</h4>
+        @endisset
+
+        {!! $slot !!}
+    @endif
+
+    @if($dismissible)
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+        </button>
+    @endif
+</div>

src/Views/Components/Alert.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace Javaabu\Forms\Views\Components;
+
+class Alert extends Component
+{
+    protected string $view = 'alert';
+
+    public string $type;
+    public string $icon;
+    public bool $dismissible;
+
+    public string $heading;
+
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct(
+        string $type = 'primary',
+        bool   $dismissible = false,
+        string $icon = null,
+        string $heading = '',
+        string $framework = ''
+    )
+    {
+        parent::__construct($framework);
+
+        $this->type = $type;
+        $this->dismissible = $dismissible;
+        $this->icon = $icon;
+        $this->heading = $heading;
+    }
+}