feat(field): set prop addons default to false (#914)

oruga-ui · Jun 12, 2024 · 3871879 · 3871879
1 parent e0e2e92
commit 3871879
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/packages/docs/components/Field.md b/packages/docs/components/Field.md
@@ -39,7 +39,7 @@ title: Field
 
 | Prop name        | Description                                                                                                         | Type             | Values                                                                          | Default                                                                                                                                                     |
 | ---------------- | ------------------------------------------------------------------------------------------------------------------- | ---------------- | ------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| addons           | Field automatically attach controls together                                                                        | boolean          | -                                                                               | <code style='white-space: nowrap; padding: 0;'>true</code>                                                                                                  |
+| addons           | Field automatically attach controls together                                                                        | boolean          | -                                                                               | <code style='white-space: nowrap; padding: 0;'>false</code>                                                                                                 |
 | groupMultiline   | Allow controls to fill up multiple lines, making it responsive                                                      | boolean          | -                                                                               | <code style='white-space: nowrap; padding: 0;'>false</code>                                                                                                 |
 | grouped          | Direct child components/elements of Field will be grouped horizontally<br/>(see which ones at the top of the page). | boolean          | -                                                                               | <code style='white-space: nowrap; padding: 0;'>false</code>                                                                                                 |
 | horizontal       | Group label and control on the same line for horizontal forms                                                       | boolean          | -                                                                               | <code style='white-space: nowrap; padding: 0;'>false</code>                                                                                                 |

diff --git a/packages/oruga/src/components/field/Field.vue b/packages/oruga/src/components/field/Field.vue
@@ -64,7 +64,7 @@ const props = defineProps({
     /** Group label and control on the same line for horizontal forms */
     horizontal: { type: Boolean, default: false },
     /** Field automatically attach controls together */
-    addons: { type: Boolean, default: true },
+    addons: { type: Boolean, default: false },
     /** Mobile breakpoint as max-width value */
     mobileBreakpoint: {
         type: String,

diff --git a/packages/oruga/src/components/field/examples/addons.vue b/packages/oruga/src/components/field/examples/addons.vue
@@ -1,16 +1,16 @@
 <template>
     <section>
-        <o-field variant="danger">
+        <o-field variant="danger" addons>
             <o-input placeholder="Search..." type="search" icon="search" />
             <o-button variant="primary" label="Search" />
         </o-field>
 
-        <o-field>
+        <o-field addons>
             <o-input placeholder="This is expanded" expanded />
             <o-button label="@gmail.com" />
         </o-field>
 
-        <o-field>
+        <o-field addons>
             <o-select placeholder="Currency">
                 <option>$</option>
                 <option>£</option>
@@ -20,7 +20,7 @@
             <o-button variant="success" label="Transfer" />
         </o-field>
 
-        <o-field>
+        <o-field addons>
             <o-button icon-left="bold" />
             <o-button icon-left="italic" />
             <o-button icon-left="underline" />
@@ -31,7 +31,7 @@
             <o-input placeholder="Search..." type="search" icon="search" />
         </o-field>
 
-        <o-field>
+        <o-field addons>
             <o-button variant="primary" label="Button" />
             <o-dropdown>
                 <template #trigger>
@@ -44,7 +44,7 @@
             </o-dropdown>
         </o-field>
 
-        <o-field>
+        <o-field addons>
             <o-button variant="primary" label="Button" />
             <o-dropdown>
                 <template #trigger>
@@ -58,7 +58,7 @@
             <o-button variant="primary" label="Button" />
         </o-field>
 
-        <o-field>
+        <o-field addons>
             <o-dropdown>
                 <template #trigger>
                     <o-button icon-right="caret-down" label="Filters" />