mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 11:51:07 +08:00
34de975830
Work in progress: ported storybooks content Still needs: - two-level nav hierarchy - styling improvements - stories ;-)
30 lines
528 B
JavaScript
30 lines
528 B
JavaScript
import React, { Component } from 'react'
|
|
import './breakpoints.css'
|
|
|
|
class Breakpoint extends Component {
|
|
render () {
|
|
const { mobile, children } = this.props
|
|
|
|
if (mobile) {
|
|
return (
|
|
<div className="breakpoint-min-width-700">
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className="breakpoint-max-width-700">
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
Breakpoint.propTypes = {
|
|
children: React.PropTypes.array,
|
|
mobile: React.PropTypes.bool,
|
|
}
|
|
|
|
export default Breakpoint
|