feat(button): Synchronise with mdc-web (#96)

BREAKING CHANGES: Stroked prop is renamed to outlined.
matsp · Apr 24, 2018 · b90c911 · b90c911
1 parent 028eb1e
commit b90c911
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/components/button/Button.vue b/components/button/Button.vue
@@ -36,7 +36,7 @@ export default {
       type: Boolean,
       default: false
     },
-    stroked: {
+    outlined: {
       type: Boolean,
       default: false
     },
@@ -64,7 +64,7 @@ export default {
       return {
         'mdc-button--raised': this.raised,
         'mdc-button--unelevated': this.unelevated,
-        'mdc-button--stroked': this.stroked,
+        'mdc-button--outlined': this.outlined,
         'mdc-button--dense': this.dense
       }
     }

diff --git a/components/button/README.md b/components/button/README.md
@@ -22,7 +22,7 @@
 |------|------|---------|-------------|
 | raised | Boolean | false | raised button |
 | unelevated | Boolean | false | unelevated button |
-| stroked | Boolean | false | stroked button |
+| outlined | Boolean | false | outlined button |
 | dense | Boolean | false | dense button |
 | interactive | Boolean | false | button with ripple effect |
 | href | String | ' ' | link button |

diff --git a/demo/views/ButtonView.vue b/demo/views/ButtonView.vue
@@ -100,20 +100,20 @@
       </m-layout-grid-inner>
     </m-layout-grid-cell>
     <m-layout-grid-cell :span="12">
-      <m-typo-title>Stroked</m-typo-title>
+      <m-typo-title>Outlined</m-typo-title>
       <m-layout-grid-inner>
         <m-layout-grid-cell :span="2">
-          <m-button stroked>baseline</m-button>
+          <m-button outlined>baseline</m-button>
         </m-layout-grid-cell>
         <m-layout-grid-cell :span="2">
           <m-button
-            stroked
+            outlined
             interactive>
             interactive
           </m-button>
         </m-layout-grid-cell>
         <m-layout-grid-cell :span="2">
-          <m-button stroked>
+          <m-button outlined>
             <m-icon
               slot="icon"
               icon="cloud"/>
@@ -122,14 +122,14 @@
         </m-layout-grid-cell>
         <m-layout-grid-cell :span="2">
           <m-button
-            stroked
+            outlined
             dense>
             dense
           </m-button>
         </m-layout-grid-cell>
         <m-layout-grid-cell :span="2">
           <m-button
-            stroked
+            outlined
             disabled>
             disabled
           </m-button>