support extra classes and remove redundant span

Author: cal-smith

src/tag/tag.component.ts

@@ -19,18 +19,19 @@ export type TagTypeExperimental = "basic" | "red" | "magenta" | "purple" | "blue
  */
 @Component({
 	selector: "ibm-tag",
-	template: `<span><ng-content></ng-content></span>`
+	template: `<ng-content></ng-content>`
 })
 export class Tag {
 	/**
 	 * type of the tag determines the styling
 	 *
 	 * Reference `TagType` for v9 applications, and `TagTypeExperimental` for v10/v9 experimental mode applications
 	 */
-	@Input()
-	type: TagType | TagTypeExperimental = "ibm";
+	@Input() type: TagType | TagTypeExperimental = "ibm";
+
+	@Input() class: String;
 
 	@HostBinding("attr.class") get attrClass() {
-		return `bx--tag bx--tag--${this.type}`;
+		return `bx--tag bx--tag--${this.type} ${this.class}`;
 	}
 }