Init

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

app/components/InputGroupAddon/InputGroupAddon.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import _ from 'lodash';
+
+import {
+    InputGroupAddon as BsInputGroupAddon
+} from 'reactstrap';
+
+const InputGroupAddon = (props) => {
+    const { children, ...otherProps } = props;
+    const childArr = React.Children.toArray(children);
+    const isFa = _.some(childArr, (child) =>
+        React.isValidElement(child) && child.props.className && _.includes(child.props.className, 'fa'));
+    const isCheckRadio = _.some(childArr, (child) =>
+        React.isValidElement(child) && (child.props.type === 'radio' || child.props.type === 'checkbox'));
+
+    let child = isFa || isCheckRadio ? (
+        <div className="input-group-text">
+            { children }
+        </div>
+    ) : children;
+
+    return (
+        <BsInputGroupAddon { ...otherProps }>
+            { child }
+        </BsInputGroupAddon>
+    );
+}
+InputGroupAddon.propTypes = {
+    ...BsInputGroupAddon.propTypes
+};
+InputGroupAddon.defaultProps = BsInputGroupAddon.defaultProps;
+
+export { InputGroupAddon };

app/components/InputGroupAddon/index.js

@@ -0,0 +1,3 @@
+import { InputGroupAddon } from './InputGroupAddon'; 
+
+export default InputGroupAddon;