feat(mdc-top-app-bar): Support dense mode

stasson · Apr 5, 2018 · bf72305 · bf72305
1 parent 6a7616e
commit bf72305
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/components/top-app-bar/README.md b/components/top-app-bar/README.md
@@ -16,6 +16,7 @@ top-app-bars scroll with content by default.
 | -------------- | ------- | -------- | --------------------------------------------------------------- |
 | `short`        | Boolean |          | Short top app bars should only be used with one action item     |
 | `collapsed`    | String  | false    | Short top app bars can be configured to always appear collapsed |
+| `dense`        | Boolean | false    | optional changes tpo app bar to be dense                        |
 | `event`        | String  | optional | optional event to emit on navigation click                      |
 | `event-target` | Object  | vm.$root | optional event target, defaults to root bus                     |
 

diff --git a/components/top-app-bar/mdc-top-app-bar.vue b/components/top-app-bar/mdc-top-app-bar.vue
@@ -28,11 +28,13 @@ export default {
       default: 'menu',
     },
     iconClasses: Object,
+    dense: Boolean,
   },
   data() {
     return {
       rootClasses: {
         'mdc-top-app-bar': true,
+        'mdc-top-app-bar--dense': this.dense,
         'mdc-top-app-bar--short': this.short,
         'mdc-top-app-bar--short-collapsed': this.shortCollapsed,
       },