react-break
Advanced tools
Comparing version
@@ -62,4 +62,4 @@ 'use strict'; | ||
var renderChildren = typeof children === 'string' ? _react2['default'].createElement( | ||
'span', | ||
var renderChildren = _react2['default'].Children.count(children) > 1 || typeof children === 'string' ? _react2['default'].createElement( | ||
'div', | ||
null, | ||
@@ -66,0 +66,0 @@ children |
{ | ||
"name": "react-break", | ||
"version": "0.2.0", | ||
"version": "0.2.1", | ||
"description": "Responsive breakpoints in React.", | ||
@@ -5,0 +5,0 @@ "main": "./build/react-break.js", |
@@ -6,3 +6,4 @@ # react-break | ||
A utility React component based on | ||
[BreakJS](https://github.com/nygardk/BreakJS/). | ||
[BreakJS](https://github.com/nygardk/BreakJS/). Create declarative | ||
breakpoint components for your React apps. | ||
@@ -56,3 +57,3 @@ | ||
A new, even more declaritve approach in version 0.2.x: | ||
A new, even more declarative approach in version 0.2.x: | ||
```js | ||
@@ -120,3 +121,3 @@ import React from 'react'; | ||
### breakComponentGenerator(String <layout method>, String <layout name>) | ||
### breakComponentGenerator(String [layout method], String [layout name]) -> Component | ||
@@ -123,0 +124,0 @@ `breakComponentGenerator` is a utility function that allows you to |
@@ -55,4 +55,5 @@ import React from 'react'; | ||
const renderChildren = typeof children === 'string' | ||
? <span>{children}</span> | ||
const renderChildren = | ||
(React.Children.count(children) > 1 || typeof children === 'string') | ||
? <div>{children}</div> | ||
: children; | ||
@@ -59,0 +60,0 @@ |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
462622
0.05%1908
0.05%130
0.78%