feat(responsive): Allow children to be either a node or a function

Also removed the xs breakpoint
telus · Nov 15, 2017 · 77bd464 · 77bd464
1 parent e569fce
commit 77bd464
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Responsive/Responsive.jsx b/src/components/Responsive/Responsive.jsx
@@ -43,7 +43,7 @@ Responsive.propTypes = {
   /**
    * The content. Can be text, any HTML element, or any component.
    */
-  children: PropTypes.node.isRequired,
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
 }
 
 Responsive.defaultProps = {

diff --git a/src/components/Responsive/Responsive.md b/src/components/Responsive/Responsive.md
@@ -15,7 +15,7 @@ Using the `minWidth` and `maxWidth` props, you can pass a breakpoint key. They r
 
 ```jsx
 <div>
-  <Responsive minWidth="xs" maxWidth="md">
+  <Responsive minWidth="sm" maxWidth="md">
     <Heading level="h1">Hello I'm a heading in XS and SM</Heading>
   </Responsive>
   <Responsive minWidth="md" maxWidth="lg">