Add textarea directive and story. Fixes #153

Author: Stephen Carraway

src/input/input.directive.ts

@@ -17,3 +17,13 @@ import { Directive, HostBinding } from "@angular/core";
 export class TextInput {
 	@HostBinding("class") inputClass = "bx--text-input";
 }
+
+
+@Directive({
+	selector: "[ibmTextArea]"
+})
+export class TextAreaInput {
+	@HostBinding("class.bx--text-area") baseClass = true;
+	@HostBinding("class.bx--text-area--v2") secondaryClass = true;
+}
+

src/input/input.module.ts

@@ -5,16 +5,18 @@ import { CommonModule } from "@angular/common";
 
 // imports
 import { LabelComponent } from "./label.component";
-import { TextInput } from "./input.directive";
+import { TextInput, TextAreaInput } from "./input.directive";
 
 @NgModule({
 	declarations: [
 		LabelComponent,
-		TextInput
+		TextInput,
+		TextAreaInput
 	],
 	exports: [
 		LabelComponent,
-		TextInput
+		TextInput,
+		TextAreaInput
 	],
 	imports: [
 		CommonModule,

src/input/input.stories.ts

@@ -22,4 +22,8 @@ storiesOf("Input", module).addDecorator(
 		template: `
 			<input ibmText placeholder="Optional placeholder text"/>
 		`
+	})).add("TextArea", () => ({
+		template: `
+		<textarea ibmTextArea placeholder="Optional placeholder text"></textarea>
+		`
 	}));