feat(Modal): add scrollable prop

reactstrap · Mar 8, 2019 · c8b76cc · c8b76cc
1 parent 1e2dc5b
commit c8b76cc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/docs/lib/Components/ModalsPage.js b/docs/lib/Components/ModalsPage.js
@@ -69,6 +69,8 @@ const ModalsPage = () => {
     PropTypes.bool,
     PropTypes.oneOf(['static'])
   ]),
+  // if body of modal should be scrollable when content is long
+  scrollable: PropTypes.bool,
   // allows for a node/component to exist next to the modal (outside of it). Useful for external close buttons
   // external: PropTypes.node,
   // called on componentDidMount

diff --git a/src/Modal.js b/src/Modal.js
@@ -21,6 +21,7 @@ const propTypes = {
   isOpen: PropTypes.bool,
   autoFocus: PropTypes.bool,
   centered: PropTypes.bool,
+  scrollable: PropTypes.bool,
   size: PropTypes.string,
   toggle: PropTypes.func,
   keyboard: PropTypes.bool,
@@ -64,6 +65,7 @@ const defaultProps = {
   isOpen: false,
   autoFocus: true,
   centered: false,
+  scrollable: false,
   role: 'dialog',
   backdrop: true,
   keyboard: true,
@@ -318,6 +320,7 @@ class Modal extends React.Component {
         className={mapToCssModules(classNames(dialogBaseClass, this.props.className, {
           [`modal-${this.props.size}`]: this.props.size,
           [`${dialogBaseClass}-centered`]: this.props.centered,
+          [`${dialogBaseClass}-scrollable`]: this.props.scrollable,
         }), this.props.cssModule)}
         role="document"
         ref={(c) => {