Enhancement for issue #307 (#308)

* Add bootstrap -> bootstrap-vue migration notes * add bFormFieldset label text alignment options
bootstrap-vue · Apr 30, 2017 · 4c1424e · 4c1424e
1 parent fa30802
commit 4c1424e
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/lib/components/form-fieldset.vue b/lib/components/form-fieldset.vue
@@ -2,7 +2,7 @@
     <div :class="['form-group','row',inputState]">
         <label :for="target"
                v-if="label"
-               :class="['col-form-label',labelLayout]"
+               :class="['col-form-label',labelLayout,labelAlignClass]"
                v-html="label"
         ></label>
         <div :class="inputLayout" ref="content">
@@ -35,6 +35,17 @@
             labelLayout() {
                 return this.horizontal ? ('col-sm-' + this.labelSize) : 'col-12';
             },
+            labelAlignClass() {
+                switch (this.labelTextAlign.toLowerCase()) {
+                    case 'center':
+                        return 'text-center';
+                    case 'right':
+                        return 'text-right';
+                    case 'left':
+                    default:
+                        return null;
+                }
+            },
             inputLayout() {
                 return this.horizontal ? ('col-sm-' + (12 - this.labelSize)) : 'col-12';
             }
@@ -68,6 +79,11 @@
                 type: Number,
                 default: 3
             },
+            labelTextAlign: {
+                type: String,
+                required: false,
+                default: null
+            },
             label: {
                 type: String,
                 default: null