📝 Update the docs

docs/pages/api/css-baseline.md

@@ -25,6 +25,7 @@ Kickstart an elegant, consistent, and simple baseline to build upon.
 | Name | Type | Default | Description |
 |:-----|:-----|:--------|:------------|
 | <span class="prop-name">children</span> | <span class="prop-type">node</span> | <span class="prop-default">null</span> | You can wrap a node. |
+| <span class="prop-name">scopeToChildren</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | If true the css baseline is only applied to the children |
 
 The component cannot hold a ref.
 

docs/src/pages/components/css-baseline/css-baseline.md

@@ -22,6 +22,23 @@ export default function MyApp() {
 }
 ```
 
+## Scoping on children
+
+It's possible to apply the baseline only on the children by setting the prop `scopeToChildren` to true.
+
+```jsx
+import React from 'react';
+import CssBaseline from '@material-ui/core/CssBaseline';
+
+export default function MyApp() {
+  return (
+    <CssBaseline scopeToChildren>
+      {/* The rest of your application */}
+    </CssBaseline>
+  );
+}
+```
+
 ## Approach
 
 ### Page

packages/material-ui/src/CssBaseline/CssBaseline.js

@@ -98,6 +98,9 @@ CssBaseline.propTypes = {
    * You can wrap a node.
    */
   children: PropTypes.node,
+  /**
+   * If true the css baseline is only applied to the children
+   */
   scopeToChildren: PropTypes.bool,
 };