Added inverted prop

simplystack · Apr 19, 2019 · 14df589 · 14df589
1 parent 2008dc7
commit 14df589
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/docs/components/button.md b/docs/components/button.md
@@ -127,6 +127,7 @@ size       | String   | Button size, ['1', '2', '3', '4'] | '3'
 disabled   | Boolean  | Whether button disabled or not | false
 loading    | Boolean  | Whether button in loading state or not | false
 icon-first | Boolean  | Set to `true` if you want to render icon before text | false
+inverted   | Boolean  | Set to `true` in order to use button on dark background | false
 
 ## Slots
 Name     | Slot props       | Description

diff --git a/src/components/Button/main.vue b/src/components/Button/main.vue
@@ -45,6 +45,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    inverted: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     classes() {
@@ -55,6 +59,7 @@ export default {
         { 'button--icon-only': !this.$slots.default },
         { 'button--icon-first': this.iconFirst },
         { 'button--wide': this.wide },
+        { 'button--inverted': this.inverted },
       ];
     },
   },