feat(textfield): Add [dense] bool property to shrink font size/height.

trimox · Jul 25, 2017 · df4443d · df4443d
1 parent e440d73
commit df4443d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/lib/textfield/textfield.component.ts b/src/lib/textfield/textfield.component.ts
@@ -84,6 +84,7 @@ export class TextfieldComponent implements AfterViewInit, OnDestroy {
       this._foundation.setDisabled(value);
     }
   }
+  @Input() dense: boolean;
   @Input() required: boolean;
   @Input() labelId: string;
   @Input() label: string;
@@ -105,6 +106,9 @@ export class TextfieldComponent implements AfterViewInit, OnDestroy {
   @HostBinding('class.mdc-textfield--fullwidth') get classFullwidth(): string {
     return this.fullwidth ? 'mdc-textfield--fullwidth' : '';
   }
+  @HostBinding('class.mdc-textfield--dense') get classDense(): string {
+    return this.dense ? 'mdc-textfield--dense' : '';
+  }
   @ViewChild('input') public inputEl: ElementRef;
   @ViewChild('inputlabel') public inputLabel: ElementRef;