implemented vertical align mode of button

2016-11-29 13:08:47 -06:00 · 2016-11-29 13:08:47 -06:00 · fd6512a92e
commit fd6512a92e
parent 39311a508f
4 changed files with 155 additions and 9 deletions
--- a/src/components/button/button-group.vue
+++ b/src/components/button/button-group.vue
@ -19,6 +19,10 @@
                validator (value) {
                    return oneOf(value, ['circle', 'circle-outline']);
                }
+            },
+            vertical: {
+                type: Boolean,
+                default: false
            }
        },
        computed: {
@ -27,7 +31,8 @@
                    `${prefixCls}`,
                    {
                        [`${prefixCls}-${this.size}`]: !!this.size,
-                        [`${prefixCls}-${this.shape}`]: !!this.shape
+                        [`${prefixCls}-${this.shape}`]: !!this.shape,
+                        [`${prefixCls}-vertical`]: this.vertical
                    }
                ]
            }