Added classNames to body (closes #8)

Author: manufont

dist/react-swipeable-bottom-sheet.js

@@ -4152,9 +4152,13 @@ var SwipeableBottomSheet = (function (_Component) {
 					}),
 					_react2['default'].createElement(
 						'div',
-						{ style: styles.swiper.body, ref: function (elt) {
+						{
+							ref: function (elt) {
 								return _this.bodyElt = elt;
-							} },
+							},
+							style: styles.swiper.body,
+							className: 'ReactSwipeableBottomSheet--' + (isOpen ? 'open' : 'close')
+						},
 						this.props.children
 					),
 					_react2['default'].createElement('div', { style: styles.swiper.bottomSlide })

dist/react-swipeable-bottom-sheet.min.js

@@ -35,7 +35,8 @@ class App extends React.Component {
 				padding: '10px',
 				boxSizing: 'border-box',
 				backgroundColor: 'white',
-				fontSize: '18px'
+				fontSize: '18px',
+				minHeight: '50vh'
 			}
 		};
 

example/src/controlled.js

@@ -19,6 +19,7 @@ class App extends React.Component {
 				boxSizing: 'border-box',
 				backgroundColor: 'white',
 				fontSize: '18px',
+				minHeight: '50vh'
 			}
 		};
 

example/src/uncontrolled.js

@@ -191,9 +191,13 @@ var SwipeableBottomSheet = (function (_Component) {
 					}),
 					_react2['default'].createElement(
 						'div',
-						{ style: styles.swiper.body, ref: function (elt) {
+						{
+							ref: function (elt) {
 								return _this.bodyElt = elt;
-							} },
+							},
+							style: styles.swiper.body,
+							className: 'ReactSwipeableBottomSheet--' + (isOpen ? 'open' : 'close')
+						},
 						this.props.children
 					),
 					_react2['default'].createElement('div', { style: styles.swiper.bottomSlide })

lib/SwipeableBottomSheet.js

@@ -155,7 +155,11 @@ class SwipeableBottomSheet extends Component {
 					containerStyle={styles.swiper.container}
 					slideStyle={styles.swiper.slide}
 				>
-					<div style={styles.swiper.body} ref={elt => this.bodyElt = elt}>
+					<div
+						ref={elt => this.bodyElt = elt}
+						style={styles.swiper.body}
+						className={`ReactSwipeableBottomSheet--${isOpen ? 'open' : 'close'}`}
+					>
 						{this.props.children}
 					</div>
 					<div style={styles.swiper.bottomSlide}/>