feat(top-app-bar): Synchronise with mdc-web v0.33.0 (add prominent st…

…yle)
matsp · Mar 25, 2018 · 1e79429 · 1e79429
1 parent af17558
commit 1e79429
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/components/top-app-bar/README.md b/components/top-app-bar/README.md
@@ -21,8 +21,9 @@ in the navigation slot!
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| collapsed | Boolean | false | collapsed bar when short too |
+| 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) |
 
 | Event | Description |
 |------|------|

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