Add custom "after" addon slot

rawilk · rawilk · commit 5ec69ecb3e87 · 2021-07-26T14:24:58.000-05:00
diff --git a/resources/views/partials/trailing-addons.blade.php b/resources/views/partials/trailing-addons.blade.php
@@ -1,4 +1,6 @@
-@if ($trailingAddon)
+@if ($after ?? null)
+    {{ $after }}
+@elseif ($trailingAddon)
     <div class="trailing-addon absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
         <span class="text-blue-gray-500 sm:text-sm sm:leading-5">{!! $trailingAddon !!}</span>
     </div>
diff --git a/src/Components/Inputs/CustomSelect.php b/src/Components/Inputs/CustomSelect.php
@@ -44,6 +44,7 @@ public function __construct(
         public bool $convertValuesToString = false,
         public null|string $containerClass = null,
         public $extraAttributes = '',
+        public $after = null,
     ) {
         parent::__construct(
             name: $name,
diff --git a/src/Components/Inputs/DatePicker.php b/src/Components/Inputs/DatePicker.php
@@ -34,6 +34,7 @@ public function __construct(
         public null|string $clearIcon = null,
         public null|string $containerClass = null,
         public $extraAttributes = '',
+        public $after = null,
     ) {
         parent::__construct(
             name: $name,
diff --git a/src/Components/Inputs/Input.php b/src/Components/Inputs/Input.php
@@ -36,6 +36,7 @@ public function __construct(
         $trailingAddonPadding = self::DEFAULT_TRAILING_ADDON_PADDING,
         $trailingIcon = false,
         public $extraAttributes = '',
+        public $after = null,
     ) {
         $this->id = $this->id ?? $this->name;
         $this->value = $this->name ? old($this->name, $this->value) : $this->value;
diff --git a/src/Components/Inputs/Password.php b/src/Components/Inputs/Password.php
@@ -24,6 +24,7 @@ public function __construct(
         public null|string $hidePasswordIcon = null,
         public null|string $containerClass = null,
         public $extraAttributes = '',
+        public $after = null,
     ) {
         parent::__construct(
             name: $name,
diff --git a/src/Components/Inputs/Select.php b/src/Components/Inputs/Select.php
@@ -28,6 +28,7 @@ public function __construct(
         $trailingIcon = false,
         public null|string $containerClass = null,
         public $extraAttributes = '',
+        public $after = null,
     ) {
         parent::__construct(
             name: $name,
diff --git a/src/Components/Inputs/TimezoneSelect.php b/src/Components/Inputs/TimezoneSelect.php
@@ -29,6 +29,7 @@ public function __construct(
         null|string $placeholder = 'form-components::messages.timezone_select_placeholder',
         public null|string $containerClass = null,
         public $extraAttributes = '',
+        public $after = null,
     ) {
         parent::__construct(
             name: $name,
diff --git a/tests/Components/Inputs/InputTest.php b/tests/Components/Inputs/InputTest.php
@@ -246,4 +246,22 @@ public function can_have_extra_attributes(): void
 
         $this->assertMatchesSnapshot((string) $view);
     }
+
+    /** @test */
+    public function can_have_custom_trailing_addon_markup(): void
+    {
+        $template = <<<HTML
+        <x-input name="foo">
+            <x-slot name="after">
+                <div class="my-custom-trailing-addon">
+                    My custom addon content...
+                </div>
+            </x-slot>
+        </x-input>
+        HTML;
+
+        $this->assertMatchesSnapshot(
+            (string) $this->blade($template)
+        );
+    }
 }
diff --git a/tests/Components/Inputs/__snapshots__/InputTest__can_have_custom_trailing_addon_markup__1.txt b/tests/Components/Inputs/__snapshots__/InputTest__can_have_custom_trailing_addon_markup__1.txt
@@ -0,0 +1,15 @@
+<div class="form-text-container flex rounded-sm shadow-sm relative">
+    
+    <input
+        class="form-input form-text flex-1 block w-full px-3 py-2 border-blue-gray-300 placeholder-blue-gray-400 sm:text-sm focus:border-blue-300 focus:ring-opacity-50 focus:ring-4 focus:ring-blue-400 rounded-md"
+        
+
+         name="foo"          id="foo"         type="text"
+
+        
+            />
+
+    <div class="my-custom-trailing-addon">
+            My custom addon content...
+        </div>
+</div>
