Support for inline dropdown

Author: pascalbaljet

lib/Components/Dropdown.vue

@@ -1,10 +1,13 @@
 <template>
   <OnClickOutside
-    class="relative"
+    :style="wrapperStyle"
     :do="hide"
     :opened="opened"
   >
-    <div ref="button">
+    <div
+      ref="button"
+      :style="buttonStyle"
+    >
       <slot
         name="button"
         :toggle="toggle"
@@ -50,6 +53,11 @@ export default {
             default: "absolute",
             required: false,
         },
+        inline: {
+            type: Boolean,
+            default: false,
+            required: false,
+        },
         disabled: {
             type: Boolean,
             default: false,
@@ -64,6 +72,22 @@ export default {
         };
     },
 
+    computed: {
+        buttonStyle() {
+            return this.inline ? { display: "inline" } : {};
+        },
+
+        wrapperStyle() {
+            const style = { position: "relative" };
+
+            if(this.inline) {
+                style.display = "inline";
+            }
+
+            return style;
+        }
+    },
+
     watch: {
         opened() {
             this.popper.update();

resources/views/dropdown.blade.php

@@ -1,9 +1,9 @@
-<SpladeDropdown {{ $attributes->except('class') }} :splade-id="@js($spladeId)">
+<SpladeDropdown {{ $attributes->except('class')->mergeVueBinding(':inline', $inline) }} :splade-id="@js($spladeId)">
     <template #button="dropdown">
       <button
         type="button"
         aria-haspopup="true"
-        {{ $attributes->only('class') }}
+        {{ $attributes->only('class')->when($inline && !$attributes->has('class'), fn($attributes) => $attributes->class('inline')) }}
         :class="{ 'cursor-not-allowed': dropdown.disabled }"
         :disabled="dropdown.disabled"
         @click.prevent="dropdown.toggle"

src/Components/Dropdown.php

@@ -15,7 +15,8 @@ class Dropdown extends Component
      * @return void
      */
     public function __construct(
-        public string $scope = 'dropdown'
+        public string $scope = 'dropdown',
+        public bool $inline = false
     ) {
         $this->spladeId = Str::random();
     }