[Table] Document the CSS API (#12147)

* added 3 exports and ran yarn docs:api * let's merge
mui · Jul 14, 2018 · f989134 · f989134
1 parent c36846a
commit f989134
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 3 deletions.
diff --git a/packages/material-ui/src/TableBody/TableBody.js b/packages/material-ui/src/TableBody/TableBody.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import withStyles from '../styles/withStyles';
 
-const styles = {
+export const styles = {
   root: {
     display: 'table-row-group',
   },

diff --git a/packages/material-ui/src/TableFooter/TableFooter.js b/packages/material-ui/src/TableFooter/TableFooter.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import withStyles from '../styles/withStyles';
 
-const styles = {
+export const styles = {
   root: {
     display: 'table-footer-group',
   },

diff --git a/packages/material-ui/src/TableHead/TableHead.js b/packages/material-ui/src/TableHead/TableHead.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import withStyles from '../styles/withStyles';
 
-const styles = {
+export const styles = {
   root: {
     display: 'table-header-group',
   },

diff --git a/pages/api/table-body.md b/pages/api/table-body.md
@@ -21,6 +21,20 @@ title: TableBody API
 
 Any other properties supplied will be spread to the root element (native element).
 
+## CSS API
+
+You can override all the class names injected by Material-UI thanks to the `classes` property.
+This property accepts the following keys:
+- `root`
+
+Have a look at [overriding with classes](/customization/overrides#overriding-with-classes) section
+and the [implementation of the component](https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/TableBody/TableBody.js)
+for more detail.
+
+If using the `overrides` key of the theme as documented
+[here](/customization/themes#customizing-all-instances-of-a-component-type),
+you need to use the following style sheet name: `MuiTableBody`.
+
 ## Demos
 
 - [Tables](/demos/tables)

diff --git a/pages/api/table-footer.md b/pages/api/table-footer.md
@@ -21,6 +21,20 @@ title: TableFooter API
 
 Any other properties supplied will be spread to the root element (native element).
 
+## CSS API
+
+You can override all the class names injected by Material-UI thanks to the `classes` property.
+This property accepts the following keys:
+- `root`
+
+Have a look at [overriding with classes](/customization/overrides#overriding-with-classes) section
+and the [implementation of the component](https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/TableFooter/TableFooter.js)
+for more detail.
+
+If using the `overrides` key of the theme as documented
+[here](/customization/themes#customizing-all-instances-of-a-component-type),
+you need to use the following style sheet name: `MuiTableFooter`.
+
 ## Demos
 
 - [Tables](/demos/tables)

diff --git a/pages/api/table-head.md b/pages/api/table-head.md
@@ -21,6 +21,20 @@ title: TableHead API
 
 Any other properties supplied will be spread to the root element (native element).
 
+## CSS API
+
+You can override all the class names injected by Material-UI thanks to the `classes` property.
+This property accepts the following keys:
+- `root`
+
+Have a look at [overriding with classes](/customization/overrides#overriding-with-classes) section
+and the [implementation of the component](https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/TableHead/TableHead.js)
+for more detail.
+
+If using the `overrides` key of the theme as documented
+[here](/customization/themes#customizing-all-instances-of-a-component-type),
+you need to use the following style sheet name: `MuiTableHead`.
+
 ## Demos
 
 - [Tables](/demos/tables)