Add inline select component

Author: youda97

src/select/select.component.ts

@@ -4,7 +4,8 @@ import { Component, Input } from "@angular/core";
 	selector: "ibm-select",
 	template: `
 		<div class="bx--form-item">
-			<div class="bx--select">
+			<div class="bx--select"
+				[ngClass]="{ 'bx--select--inline': inlineSelect }">
 				<label [attr.for]="id" class="bx--label">{{label}}</label>
 				<select [attr.id]="id" class="bx--select-input">
 					<ng-content></ng-content>
@@ -18,6 +19,7 @@ import { Component, Input } from "@angular/core";
 })
 export class Select {
 	static selectCount = 0;
+	@Input() inlineSelect = false;
 	@Input() label = "Select label";
 	@Input() id = `select-${Select.selectCount++}`;
 }

src/select/select.stories.ts

@@ -25,4 +25,20 @@ storiesOf("Select", module).addDecorator(
           </optgroup>
 		</ibm-select>
 	`
+	}))
+	.add("Inline", () => ({
+		template: `
+		<ibm-select inlineSelect="true">
+			<option value="" disabled selected hidden>Choose an option</option>
+          <option value="solong">A much longer option that is worth having around to check how text flows</option>
+          <optgroup label="Category 1">
+              <option value="option1">Option 1</option>
+              <option value="option2">Option 2</option>
+          </optgroup>
+          <optgroup label="Category 2">
+              <option value="option1">Option 1</option>
+              <option value="option2">Option 2</option>
+          </optgroup>
+		</ibm-select>
+	`
 	}));