Init

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

app/routes/components/Profile/DlRowAddress.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const DlRowAddress = (props) => (
+    <React.Fragment>
+        <dl className="row">
+            <dt className={ `col-sm-3 ${ props.leftSideClassName }` }>Adress</dt>
+            <dd className={ `col-sm-9 ${ props.rightSideClassName }` }>700 Zemlak Glen</dd>
+            <dt className={ `col-sm-3 ${ props.leftSideClassName }` }>City</dt>
+            <dd className={ `col-sm-9 ${ props.rightSideClassName }` }>Jacobiton</dd>
+            <dt className={ `col-sm-3 ${ props.leftSideClassName }` }>State</dt>
+            <dd className={ `col-sm-9 ${ props.rightSideClassName }` }><a href="#">West Virginia</a></dd>
+            <dt className={ `col-sm-3 ${ props.leftSideClassName }` }>ZIP</dt>
+            <dd className={ `col-sm-9 ${ props.rightSideClassName }` }>87032</dd>
+        </dl>
+    </React.Fragment>
+)
+DlRowAddress.propTypes = {
+    leftSideClassName: PropTypes.node,
+    rightSideClassName: PropTypes.node
+};
+DlRowAddress.defaultProps = {
+    leftSideClassName: "",
+    rightSideClassName: ""
+};
+
+export { DlRowAddress };