diff --git a/README.md b/README.md index 8861555..8c3bad0 100644 --- a/README.md +++ b/README.md @@ -229,6 +229,34 @@ var A = React.createClass({ }); ``` +### Common use cases + +```javascript +import Responsive from 'react-responsive'; + +// Desktop, tablet and mobile setup +const Desktop = ({ children }) => ; +const Tablet = ({ children }) => ; +const Mobile = ({ children }) => ; + +// Default (desktop, tablet) and mobile setup +const Default = ({ children }) => ; +const Mobile = ({ children }) => ; + +const Example = () => ( +
+ You are a desktop or laptop + You are a tablet + You are a mobile phone + + You are not a mobile phone + You are a mobile phone +
+); + +export default Example; +``` + ## Browser Support ### Out of the box