add additional H tag components

Author: kyleturco

src/elements/Header/H2.js

@@ -0,0 +1,17 @@
+import React, {Component} from 'react';
+import META from 'src/utils/Meta';
+import _Header from './_Header';
+
+export default class H2 extends Component {
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'H2',
+    type: META.type.element,
+  };
+
+  render() {
+    return (
+      <_Header {...this.props} _headerElement='h2'/>
+    );
+  }
+}

src/elements/Header/H3.js

@@ -0,0 +1,17 @@
+import React, {Component} from 'react';
+import META from 'src/utils/Meta';
+import _Header from './_Header';
+
+export default class H3 extends Component {
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'H3',
+    type: META.type.element,
+  };
+
+  render() {
+    return (
+      <_Header {...this.props} _headerElement='h3'/>
+    );
+  }
+}

src/elements/Header/H4.js

@@ -0,0 +1,17 @@
+import React, {Component} from 'react';
+import META from 'src/utils/Meta';
+import _Header from './_Header';
+
+export default class H4 extends Component {
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'H4',
+    type: META.type.element,
+  };
+
+  render() {
+    return (
+      <_Header {...this.props} _headerElement='h4'/>
+    );
+  }
+}

src/elements/Header/H5.js

@@ -0,0 +1,17 @@
+import React, {Component} from 'react';
+import META from 'src/utils/Meta';
+import _Header from './_Header';
+
+export default class H5 extends Component {
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'H5',
+    type: META.type.element,
+  };
+
+  render() {
+    return (
+      <_Header {...this.props} _headerElement='h5'/>
+    );
+  }
+}

src/elements/Header/H6.js

@@ -0,0 +1,17 @@
+import React, {Component} from 'react';
+import META from 'src/utils/Meta';
+import _Header from './_Header';
+
+export default class H6 extends Component {
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'H6',
+    type: META.type.element,
+  };
+
+  render() {
+    return (
+      <_Header {...this.props} _headerElement='h6'/>
+    );
+  }
+}

src/elements/Header/Header.js

@@ -2,6 +2,11 @@ import React, {Component} from 'react';
 import META from 'src/utils/Meta';
 import _Header from './_Header';
 import H1 from './H1';
+import H2 from './H2';
+import H3 from './H3';
+import H4 from './H4';
+import H5 from './H5';
+import H6 from './H6';
 
 export default class Header extends Component {
   static _meta = {
@@ -11,6 +16,12 @@ export default class Header extends Component {
   };
 
   static H1 = H1;
+  static H2 = H2;
+  static H3 = H3;
+  static H4 = H4;
+  static H5 = H5;
+  static H6 = H6;
+
 
   render() {
     return (