feat(top-app-bar): Synchronise with mdc-web v0.34.1 (add dense style)

matsp · Apr 6, 2018 · e85c266 · e85c266
1 parent 780f855
commit e85c266
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/components/top-app-bar/README.md b/components/top-app-bar/README.md
@@ -24,6 +24,7 @@ in the navigation slot!
 | collapsed | Boolean | false | collapsed bar (must be short too) |
 | short | Boolean | false | short bar |
 | prominent | Boolean | false | prominent app bar style (could not be short too) |
+| dense | Boolean | false | dense app bar style (could not be short too) |
 
 | Event | Description |
 |------|------|

diff --git a/components/top-app-bar/TopAppBar.vue b/components/top-app-bar/TopAppBar.vue
@@ -43,6 +43,10 @@ export default {
     prominent: {
       type: Boolean,
       default: false
+    },
+    dense: {
+      type: Boolean,
+      default: false
     }
   },
   data () {
@@ -55,7 +59,8 @@ export default {
       return {
         'mdc-top-app-bar--short': this.short,
         'mdc-top-app-bar--short-collapsed': this.collapsed && this.short,
-        'mdc-top-app-bar--prominent': this.prominent && !this.short
+        'mdc-top-app-bar--prominent': this.prominent && !this.short,
+        'mdc-top-app-bar--dense': this.dense && !this.short
       }
     }
   },