feat(Base): Added fRef for forwarding refs onto the Base component

HHogg · Oct 1, 2018 · 26ace79adfb154e90f5cc0c17d69fa878fed47e6 · 26ace79
1 parent 8cd731c
commit 26ace79adfb154e90f5cc0c17d69fa878fed47e6
Unified Split

Showing with 4 additions and 0 deletions.

+4 −0 src/Base/Base.js
diff --git a/src/Base/Base.js b/src/Base/Base.js
@@ -75,6 +75,8 @@ export default class Base extends Component {
    container: PropTypes.bool,
    /** Applies display styling */
    display: PropTypes.oneOf(['block', 'inline-block']),
+  
+    /** Forwarded React ref function */
+  
+    fRef: PropTypes.func,
    /** Fixed height applied through inline styling */
    height: PropTypes.string,
    /** Margins applied for the global spacing variables */
@@ -122,6 +124,7 @@ export default class Base extends Component {
      color,
      container,
      display,
+  
+      fRef,
      height,
      maxWidth,
      minWidth,
@@ -158,6 +161,7 @@ export default class Base extends Component {
    return (
      <Component { ...rest }
          className={ classes }
+  
+          ref={ fRef }
          style={ { height, minHeight, maxWidth, minWidth, width, zIndex, ...style } } />
    );
  }