tidy up class handling

Author: cal-smith

src/tag/tag.component.ts

@@ -10,7 +10,7 @@ import {
 export type TagType = "beta" | "community" | "custom" | "dedicated" | "experimental" | "ibm" | "local" | "private" | "third-party";
 
 /**
- * Supported tags types for carbon v10
+ * Supported tag types for carbon v10
  */
 export type TagTypeExperimental = "basic" | "red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "cool-gray" | "warm-gray";
 
@@ -29,7 +29,7 @@ export class Tag {
 	 */
 	@Input() type: TagType | TagTypeExperimental = "ibm";
 
-	@Input() class: String;
+	@Input() class = "";
 
 	@HostBinding("attr.class") get attrClass() {
 		return `bx--tag bx--tag--${this.type} ${this.class}`;

src/tag/tag.stories.ts

@@ -21,7 +21,7 @@ storiesOf("Tag", module)
 	.add("Basic", () => ({
 		template: `
 			<app-experimental-component [(isExperimental)]="experimental"></app-experimental-component>
-			<ibm-tag [type]="(!experimental ? 'ibm' : 'basic')">{{ !experimental ? "IBM" : "Basic" }}</ibm-tag>
+			<ibm-tag [type]="(!experimental ? 'ibm' : 'basic')" class="foo {{test}}">{{ !experimental ? "IBM" : "Basic" }}</ibm-tag>
 			<br><br>
 			<ibm-tag [type]="(!experimental ? 'beta' : 'red')">{{ !experimental ?  "Beta" : "Red" }}</ibm-tag>
 			<br><br>