Add 'addons' prop to field (buefy#114)

REInVent650 · Jul 19, 2017 · 617641e · 617641e
1 parent b6f5ad1
commit 617641e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 * **New component: Menu**, [see docs](https://buefy.github.io/#/documentation/menu) (thanks @tsctao)
 * Add CDN install method and JSFiddle examples
+* Add boolean ``addons`` prop to field
 * Fix message and notification inside ``.media`` element
 * #171 Fix modal not taking full width on mobile
 * #182 Fix table not default sorting async data (thanks @jtommy)

diff --git a/docs/pages/documentation/form/Field.vue b/docs/pages/documentation/form/Field.vue
@@ -346,6 +346,13 @@
                         type: 'Boolean',
                         values: '<code>is-left</code>, <code>is-centered</code>, <code>is-right</code>',
                         default: '<code>is-left</code>'
+                    },
+                    {
+                        name: '<code>addons</code>',
+                        description: 'Field automatically unify controls',
+                        type: 'Boolean',
+                        values: '—',
+                        default: '<code>true</code>'
                     }
                 ],
                 template1: `

diff --git a/src/components/field/Field.vue b/src/components/field/Field.vue
@@ -15,7 +15,11 @@
             message: String,
             grouped: Boolean,
             position: String,
-            expanded: Boolean
+            expanded: Boolean,
+            addons: {
+                type: Boolean,
+                default: true
+            }
         },
         data() {
             return {
@@ -64,7 +68,7 @@
             fieldType() {
                 if (this.grouped) {
                     return 'is-grouped'
-                } else if (this.$slots.default !== undefined && this.$slots.default.length > 1) {
+                } else if (this.$slots.default !== undefined && this.$slots.default.length > 1 && this.addons) {
                     return 'has-addons'
                 }
             }