Init

Preview: http://dashboards.webkom.co/react/airframe

app/routes/components/HeaderDemo.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Media } from 'reactstrap';
+
+const HeaderDemo = (props) => (
+    <Media className={ `mb-3 ${ props.className }` }>
+        <Media left top>
+            <h1 className="mr-3 display-4 text-muted">
+                {props.no}. 
+            </h1>
+        </Media>
+        <Media body>
+            <h4 className="mt-1">
+                {props.title}
+            </h4>
+            <p>{props.children || props.subTitle}</p>
+        </Media>
+    </Media>
+)
+HeaderDemo.propTypes = {
+    no: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number
+    ]),
+    title: PropTypes.string,
+    subTitle: PropTypes.string,
+    children: PropTypes.node,
+    className: PropTypes.string
+};
+HeaderDemo.defaultProps = {
+    no: 0,
+    title: "Waiting for Data...",
+    subTitle: "Waiting for Data..."
+};
+
+export { HeaderDemo };