Added grid alignment support

Author: kevindierkx

resources/views/components/section.blade.php

@@ -14,7 +14,18 @@
         </div>
     @endif
 
-    <x-form-grid :attributes="$getGridAttributeBag()->class(['gap-x-4 gap-y-2'])">
+    <x-form-grid :attributes="$getGridAttributeBag()->class([
+        'gap-x-4 gap-y-2',
+
+        'items-start' => $alignItems === 'start',
+        'items-end' => $alignItems === 'end',
+        'items-end-safe' => $alignItems === 'end-safe',
+        'items-center' => $alignItems === 'center',
+        'items-center-safe' => $alignItems === 'center-safe',
+        'items-baseline' => $alignItems === 'baseline',
+        'items-baseline-last' => $alignItems === 'baseline-last',
+        'items-stretch' => $alignItems === 'stretch',
+    ])">
         {{ $slot }}
     </x-form-grid>
 </section>

src/Components/Section.php

@@ -11,18 +11,21 @@ class Section extends Component
 
     public ?string $title;
     public ?string $description;
+    public string $alignItems;
 
     /**
      * Create a new component instance.
      *
      * @param string|null      $title
      * @param string|null      $description
      * @param array|string|int $gridColumns
+     * @param string           $alignItems
      */
-    public function __construct(?string $title = null, ?string $description = null, array|string|int $gridColumns = [])
+    public function __construct(?string $title = null, ?string $description = null, array|string|int $gridColumns = [], string $alignItems = 'start')
     {
         $this->title = $title;
         $this->description = $description;
+        $this->alignItems = $alignItems;
 
         $this->gridColumns($gridColumns);
     }