feat(Modal): Pass through props in Modal (#254)

reactstrap · Dec 18, 2016 · a783308 · a783308
1 parent 72d9a0d
commit a783308
Showing 1 changed file with 18 additions and 6 deletions.
diff --git a/src/Modal.js b/src/Modal.js
@@ -1,6 +1,7 @@
 import React, { PropTypes } from 'react';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
+import omit from 'lodash.omit';
 import TransitionGroup from 'react-addons-transition-group';
 import Fade from './Fade';
 import {
@@ -161,9 +162,19 @@ class Modal extends React.Component {
   }
 
   renderChildren() {
+    const {
+      className,
+      cssModule,
+      isOpen,
+      size,
+      backdrop,
+      children,
+      ...attributes
+    } = omit(this.props, ['toggle', 'keyboard', 'onEnter', 'onExit', 'zIndex']);
+
     return (
       <TransitionGroup component="div">
-        {this.props.isOpen && (
+        {isOpen && (
           <Fade
             key="modal-dialog"
             onEnter={this.onEnter}
@@ -178,19 +189,20 @@ class Modal extends React.Component {
             tabIndex="-1"
           >
             <div
-              className={mapToCssModules(classNames('modal-dialog', this.props.className, {
-                [`modal-${this.props.size}`]: this.props.size
-              }), this.props.cssModule)}
+              className={mapToCssModules(classNames('modal-dialog', className, {
+                [`modal-${size}`]: size
+              }), cssModule)}
               role="document"
               ref={(c) => (this._dialog = c)}
+              {...attributes}
             >
               <div className="modal-content">
-                {this.props.children}
+                {children}
               </div>
             </div>
           </Fade>
         )}
-        {this.props.isOpen && this.props.backdrop && (
+        {isOpen && backdrop && (
           <Fade
             key="modal-backdrop"
             transitionAppearTimeout={150}