From 2315431b57fb2bbc2f8ada7bd2c87381c3cf5f54 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Mon, 1 Oct 2018 01:13:07 +0200 Subject: [PATCH] [docs] Fix even more 301 redirections (#13051) --- GOVERNANCE.md | 2 +- docs/src/modules/components/AppFrame.js | 2 +- docs/src/modules/components/HomeBackers.js | 4 ++-- docs/src/modules/components/HomeFooter.js | 4 ++-- docs/src/modules/utils/generateMarkdown.js | 2 +- .../pages/customization/css-in-js/css-in-js.md | 4 ++-- .../pages/customization/overrides/overrides.md | 4 ++-- docs/src/pages/customization/themes/themes.md | 6 +++--- docs/src/pages/demos/buttons/buttons.md | 4 ++-- docs/src/pages/demos/dialogs/dialogs.md | 2 +- .../selection-controls/selection-controls.md | 2 +- docs/src/pages/demos/snackbars/snackbars.md | 2 +- docs/src/pages/demos/tabs/tabs.md | 2 +- .../src/pages/demos/text-fields/text-fields.md | 2 +- docs/src/pages/getting-started/faq/faq.md | 10 +++++----- docs/src/pages/getting-started/usage/usage.md | 4 ++-- .../interoperability/interoperability.md | 18 +++++++++--------- .../guides/right-to-left/right-to-left.md | 2 +- .../server-rendering/server-rendering.md | 2 +- .../src/pages/premium-themes/premium-themes.md | 2 +- docs/src/pages/style/color/color.md | 4 ++-- .../pages/style/css-baseline/css-baseline.md | 2 +- docs/src/pages/utils/portal/portal.md | 2 +- .../material-ui-lab/src/SpeedDial/SpeedDial.js | 2 +- .../src/SpeedDialAction/SpeedDialAction.js | 2 +- packages/material-ui/src/Collapse/Collapse.js | 2 +- packages/material-ui/src/Dialog/Dialog.js | 2 +- packages/material-ui/src/Drawer/Drawer.js | 4 ++-- .../src/ExpansionPanel/ExpansionPanel.js | 2 +- packages/material-ui/src/Fade/Fade.js | 2 +- packages/material-ui/src/Grow/Grow.js | 4 ++-- .../material-ui/src/InputLabel/InputLabel.js | 2 +- packages/material-ui/src/Menu/Menu.js | 4 ++-- packages/material-ui/src/Modal/Modal.js | 2 +- packages/material-ui/src/Popover/Popover.js | 2 +- .../src/TablePagination/TablePagination.js | 6 +++--- .../TablePaginationActions.js | 4 ++-- .../material-ui/src/TextField/TextField.js | 14 +++++++------- pages/api/app-bar.md | 2 +- pages/api/avatar.md | 2 +- pages/api/backdrop.md | 2 +- pages/api/badge.md | 2 +- pages/api/bottom-navigation-action.md | 2 +- pages/api/bottom-navigation.md | 2 +- pages/api/button-base.md | 2 +- pages/api/button.md | 2 +- pages/api/card-action-area.md | 2 +- pages/api/card-actions.md | 2 +- pages/api/card-content.md | 2 +- pages/api/card-header.md | 2 +- pages/api/card-media.md | 2 +- pages/api/card.md | 2 +- pages/api/checkbox.md | 2 +- pages/api/chip.md | 2 +- pages/api/circular-progress.md | 2 +- pages/api/collapse.md | 4 ++-- pages/api/dialog-actions.md | 2 +- pages/api/dialog-content-text.md | 2 +- pages/api/dialog-content.md | 2 +- pages/api/dialog-title.md | 2 +- pages/api/dialog.md | 4 ++-- pages/api/divider.md | 2 +- pages/api/drawer.md | 6 +++--- pages/api/expansion-panel-actions.md | 2 +- pages/api/expansion-panel-details.md | 2 +- pages/api/expansion-panel-summary.md | 2 +- pages/api/expansion-panel.md | 4 ++-- pages/api/fade.md | 2 +- pages/api/filled-input.md | 2 +- pages/api/form-control-label.md | 2 +- pages/api/form-control.md | 2 +- pages/api/form-group.md | 2 +- pages/api/form-helper-text.md | 2 +- pages/api/form-label.md | 2 +- pages/api/grid-list-tile-bar.md | 2 +- pages/api/grid-list-tile.md | 2 +- pages/api/grid-list.md | 2 +- pages/api/grid.md | 2 +- pages/api/grow.md | 4 ++-- pages/api/icon-button.md | 2 +- pages/api/icon.md | 2 +- pages/api/input-adornment.md | 2 +- pages/api/input-base.md | 2 +- pages/api/input-label.md | 4 ++-- pages/api/input.md | 2 +- pages/api/linear-progress.md | 2 +- pages/api/list-item-avatar.md | 2 +- pages/api/list-item-icon.md | 2 +- pages/api/list-item-secondary-action.md | 2 +- pages/api/list-item-text.md | 2 +- pages/api/list-item.md | 2 +- pages/api/list-subheader.md | 2 +- pages/api/list.md | 2 +- pages/api/menu-item.md | 2 +- pages/api/menu.md | 6 +++--- pages/api/mobile-stepper.md | 2 +- pages/api/modal.md | 4 ++-- pages/api/native-select.md | 2 +- pages/api/outlined-input.md | 2 +- pages/api/paper.md | 2 +- pages/api/popover.md | 4 ++-- pages/api/radio.md | 2 +- pages/api/select.md | 2 +- pages/api/snackbar-content.md | 2 +- pages/api/snackbar.md | 2 +- pages/api/step-button.md | 2 +- pages/api/step-connector.md | 2 +- pages/api/step-content.md | 2 +- pages/api/step-icon.md | 2 +- pages/api/step-label.md | 2 +- pages/api/step.md | 2 +- pages/api/stepper.md | 2 +- pages/api/svg-icon.md | 2 +- pages/api/switch.md | 2 +- pages/api/tab.md | 2 +- pages/api/table-body.md | 2 +- pages/api/table-cell.md | 2 +- pages/api/table-footer.md | 2 +- pages/api/table-head.md | 2 +- pages/api/table-pagination.md | 8 ++++---- pages/api/table-row.md | 2 +- pages/api/table-sort-label.md | 2 +- pages/api/table.md | 2 +- pages/api/tabs.md | 2 +- pages/api/text-field.md | 14 +++++++------- pages/api/toolbar.md | 2 +- pages/api/tooltip.md | 2 +- pages/api/touch-ripple.md | 2 +- pages/api/typography.md | 2 +- pages/lab/api/slider.md | 2 +- pages/lab/api/speed-dial-action.md | 4 ++-- pages/lab/api/speed-dial-icon.md | 2 +- pages/lab/api/speed-dial.md | 4 ++-- pages/lab/api/toggle-button-group.md | 2 +- pages/lab/api/toggle-button.md | 2 +- 135 files changed, 190 insertions(+), 190 deletions(-) diff --git a/GOVERNANCE.md b/GOVERNANCE.md index f6b31ff4ab62c8..5c34d5e56fcbe8 100644 --- a/GOVERNANCE.md +++ b/GOVERNANCE.md @@ -5,7 +5,7 @@ ## Overview Mui-Org houses projects related to [Material-UI](https://material-ui.com/), a set of [React](https://reactjs.org/) components -that implement [Google's Material Design](https://material.io/design/introduction) +that implement [Google's Material Design](https://material.io/design/introduction/) specification. Our mission is to create a customizable Material Design implementation for anyone to use. We value an open, collaborative, and diverse community where anyone can join in discussions, learn from one another, and contribute to the project. This document describes how diff --git a/docs/src/modules/components/AppFrame.js b/docs/src/modules/components/AppFrame.js index ca91f9110d3cf5..eb3aeffc455932 100644 --- a/docs/src/modules/components/AppFrame.js +++ b/docs/src/modules/components/AppFrame.js @@ -155,7 +155,7 @@ class AppFrame extends React.Component { color="inherit" aria-label="Edit docs colors" component={Link} - href="/style/color#color-tool" + href="/style/color/#color-tool" > diff --git a/docs/src/modules/components/HomeBackers.js b/docs/src/modules/components/HomeBackers.js index 97f685d62397b9..9f7ff47a4f65c6 100644 --- a/docs/src/modules/components/HomeBackers.js +++ b/docs/src/modules/components/HomeBackers.js @@ -29,7 +29,7 @@ function HomeBackers(props) { Material-UI is an MIT-licensed open source project. It's an independent project with ongoing development made possible entirely -thanks to the support of these awesome [backers](/discover-more/backers). +thanks to the support of these awesome [backers](/discover-more/backers/). ### Gold Sponsors @@ -48,7 +48,7 @@ via [OpenCollective](https://opencollective.com/material-ui) ### There is more! -See the full list of [our backers](/discover-more/backers). +See the full list of [our backers](/discover-more/backers/). `} /> diff --git a/docs/src/modules/components/HomeFooter.js b/docs/src/modules/components/HomeFooter.js index b9fc13b5f965e7..103c7da9d4ef72 100644 --- a/docs/src/modules/components/HomeFooter.js +++ b/docs/src/modules/components/HomeFooter.js @@ -56,10 +56,10 @@ function HomeFooter(props) {
  • - Community + Icons
  • - Roadmap + Color
  • Team diff --git a/docs/src/modules/utils/generateMarkdown.js b/docs/src/modules/utils/generateMarkdown.js index aab83910fff7ce..eb76a8b799ff92 100644 --- a/docs/src/modules/utils/generateMarkdown.js +++ b/docs/src/modules/utils/generateMarkdown.js @@ -278,7 +278,7 @@ and the [implementation of the component](${SOURCE_CODE_ROOT_URL}${normalizePath for more detail. If using the \`overrides\` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: \`${reactAPI.styles.name}\`. `; diff --git a/docs/src/pages/customization/css-in-js/css-in-js.md b/docs/src/pages/customization/css-in-js/css-in-js.md index 354076915823dd..032d004fccb9de 100644 --- a/docs/src/pages/customization/css-in-js/css-in-js.md +++ b/docs/src/pages/customization/css-in-js/css-in-js.md @@ -48,7 +48,7 @@ Read more about [Server Rendering](/guides/server-rendering/). The sheets manager uses a [reference counting](https://en.wikipedia.org/wiki/Reference_counting) algorithm in order to attach and detach the style sheets only once per (styles, theme) couple. This technique provides an important performance boost when re-rendering instances of a component. -When only rendering on the client, that's not something you need to be aware of. However, when rendering on the server you do. You can read more about [Server Rendering](/guides/server-rendering). +When only rendering on the client, that's not something you need to be aware of. However, when rendering on the server you do. You can read more about [Server Rendering](/guides/server-rendering/). ## Class names @@ -243,7 +243,7 @@ Given `withStyles` is our internal styling solution, all the plugins aren't avai - [jss-props-sort](http://cssinjs.org/jss-props-sort/) It's a subset of [jss-preset-default](http://cssinjs.org/jss-preset-default/). -Of course, you are free to add a new plugin. We have one example for the [`jss-rtl` plugin](/guides/right-to-left#3-jss-rtl). +Of course, you are free to add a new plugin. We have one example for the [`jss-rtl` plugin](/guides/right-to-left/#3-jss-rtl). ## API diff --git a/docs/src/pages/customization/overrides/overrides.md b/docs/src/pages/customization/overrides/overrides.md index 52b74f391c9cbb..a4ba37ecacf706 100644 --- a/docs/src/pages/customization/overrides/overrides.md +++ b/docs/src/pages/customization/overrides/overrides.md @@ -186,7 +186,7 @@ Material-UI attempts to implement all of these variations. Please refer to the [ ### Theme variables -In order to promote consistency between components, and manage the user interface appearance as a whole, Material-UI provides a mechanism to apply global changes by adjusting the [theme configuration variables](/customization/themes#theme-configuration-variables). +In order to promote consistency between components, and manage the user interface appearance as a whole, Material-UI provides a mechanism to apply global changes by adjusting the [theme configuration variables](/customization/themes/#theme-configuration-variables). ### Global theme override @@ -194,7 +194,7 @@ Do you want to customize **all the instances** of a component type? When the configuration variables aren't powerful enough, you can take advantage of the `overrides` key of the `theme` to potentially change every single style injected by Material-UI into the DOM. -Learn more about it in the [themes section](/customization/themes#customizing-all-instances-of-a-component-type) of the documentation. +Learn more about it in the [themes section](/customization/themes/#customizing-all-instances-of-a-component-type) of the documentation. ### Global CSS override diff --git a/docs/src/pages/customization/themes/themes.md b/docs/src/pages/customization/themes/themes.md index b92fd565178276..e1fe3715cd8548 100644 --- a/docs/src/pages/customization/themes/themes.md +++ b/docs/src/pages/customization/themes/themes.md @@ -43,7 +43,7 @@ The theme exposes the following color intentions: The default palette uses the shades prefixed with `A` (`A200`, etc.) for the secondary intention, and the un-prefixed shades for the other intentions. -If you want to learn more about color, you can check out [the color section](/style/color). +If you want to learn more about color, you can check out [the color section](/style/color/). #### Custom palette @@ -54,7 +54,7 @@ If any of the [`palette.primary`](/customization/default-theme/?expend-path=$.pa [`palette.error`](/customization/default-theme/?expend-path=$.palette.error) 'intention' objects are provided, they will replace the defaults. -The intention value can either be a [color](/style/color) object, or an object with one or more of the following keys: +The intention value can either be a [color](/style/color/) object, or an object with one or more of the following keys: ```js interface PaletteIntention { @@ -182,7 +182,7 @@ Note that `contrastThreshold` follows a non-linear curve. #### Color tool -Need inspiration? The Material Design team has built an awesome [palette configuration tool](/style/color#color-tool) to help you. +Need inspiration? The Material Design team has built an awesome [palette configuration tool](/style/color/#color-tool) to help you. ### Type (light /dark theme) diff --git a/docs/src/pages/demos/buttons/buttons.md b/docs/src/pages/demos/buttons/buttons.md index 5a3e0972bb8c36..99aa93287b6774 100644 --- a/docs/src/pages/demos/buttons/buttons.md +++ b/docs/src/pages/demos/buttons/buttons.md @@ -96,7 +96,7 @@ Sometimes you might want to have icons for certain button to enhance the UX of t ## Customized Buttons -If you have been reading the [overrides documentation page](/customization/overrides) +If you have been reading the [overrides documentation page](/customization/overrides/) but you are not confident jumping in, here are examples of how you can change the main color of a Button using classes, and using a theme; and of a Bootstrap style Button. @@ -139,4 +139,4 @@ const MyLink = props => ``` -*Note: Creating `MyLink` is necessary to prevent unexpected unmounting. You can read more about it [here](/guides/composition#component-property).* +*Note: Creating `MyLink` is necessary to prevent unexpected unmounting. You can read more about it [here](/guides/composition/#component-property).* diff --git a/docs/src/pages/demos/dialogs/dialogs.md b/docs/src/pages/demos/dialogs/dialogs.md index 6471f57639d5ef..200dc3f59440ae 100644 --- a/docs/src/pages/demos/dialogs/dialogs.md +++ b/docs/src/pages/demos/dialogs/dialogs.md @@ -7,7 +7,7 @@ components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions

    Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.

    -A [Dialog](https://material.io/design/components/dialogs.html) is a type of [modal](/utils/modal) window that appears in front of app content to provide critical information or ask for a decision. Dialogs disable all app functionality when they appear, and remain on screen until confirmed, dismissed, or a required action has been taken. +A [Dialog](https://material.io/design/components/dialogs.html) is a type of [modal](/utils/modal/) window that appears in front of app content to provide critical information or ask for a decision. Dialogs disable all app functionality when they appear, and remain on screen until confirmed, dismissed, or a required action has been taken. Dialogs are purposefully interruptive, so they should be used sparingly. diff --git a/docs/src/pages/demos/selection-controls/selection-controls.md b/docs/src/pages/demos/selection-controls/selection-controls.md index 51a1c7aa9864b9..d8c2757f7e4703 100644 --- a/docs/src/pages/demos/selection-controls/selection-controls.md +++ b/docs/src/pages/demos/selection-controls/selection-controls.md @@ -81,7 +81,7 @@ However, we encourage you to use a [Checkbox](#checkboxes) instead. ### Customized Switches -If you have been reading the [overrides documentation page](/customization/overrides) +If you have been reading the [overrides documentation page](/customization/overrides/) but you are not confident jumping in, here's an example of how you can change the color of a Switch, and an iOS style Switch. {{"demo": "pages/demos/selection-controls/CustomizedSwitches.js"}} diff --git a/docs/src/pages/demos/snackbars/snackbars.md b/docs/src/pages/demos/snackbars/snackbars.md index 8776ffedff8258..81de22ebb1744a 100644 --- a/docs/src/pages/demos/snackbars/snackbars.md +++ b/docs/src/pages/demos/snackbars/snackbars.md @@ -62,7 +62,7 @@ Per [Google's guidelines](https://material.io/design/components/snackbars.html#s ## Customized Snackbars -If you have been reading the [overrides documentation page](/customization/overrides) +If you have been reading the [overrides documentation page](/customization/overrides/) but you are not confident jumping in, here are examples of how you can change the look of a Snackbar. diff --git a/docs/src/pages/demos/tabs/tabs.md b/docs/src/pages/demos/tabs/tabs.md index c87120db27f378..2d97d8d0b925b1 100644 --- a/docs/src/pages/demos/tabs/tabs.md +++ b/docs/src/pages/demos/tabs/tabs.md @@ -73,7 +73,7 @@ Tab labels may be either all icons or all text. ## Customized Tabs -If you have read the [overrides documentation page](/customization/overrides) +If you have read the [overrides documentation page](/customization/overrides/) but aren't confident jumping in, here's an example of how you can change the main color of the Tabs. The following demo matches the [Ant Design UI](https://ant.design/components/tabs/). {{"demo": "pages/demos/tabs/CustomizedTabs.js"}} diff --git a/docs/src/pages/demos/text-fields/text-fields.md b/docs/src/pages/demos/text-fields/text-fields.md index 87ff5daf6826c2..3ef9de04743099 100644 --- a/docs/src/pages/demos/text-fields/text-fields.md +++ b/docs/src/pages/demos/text-fields/text-fields.md @@ -83,7 +83,7 @@ The following demo uses the [react-text-mask](https://github.com/text-mask/text- ## Customized inputs -If you have been reading the [overrides documentation page](/customization/overrides) +If you have been reading the [overrides documentation page](/customization/overrides/) but you are not confident jumping in, here's an example of how you can change the main color of an Input. {{"demo": "pages/demos/text-fields/CustomizedInputs.js"}} diff --git a/docs/src/pages/getting-started/faq/faq.md b/docs/src/pages/getting-started/faq/faq.md index cc2624f786b288..fad1022e65d583 100644 --- a/docs/src/pages/getting-started/faq/faq.md +++ b/docs/src/pages/getting-started/faq/faq.md @@ -8,7 +8,7 @@ For how-to questions and other non-issues, please use [StackOverflow](https://st ## Why aren't my components rendering correctly in production builds? This is likely an n°1 issue that happens due to class name conflicts once your code is in a production bundle. -For Material-UI to work, the `classNames` values of all components on a page must be generated by a single instance of the [class name generator](/customization/css-in-js#creategenerateclassname-options-class-name-generator). +For Material-UI to work, the `classNames` values of all components on a page must be generated by a single instance of the [class name generator](/customization/css-in-js/#creategenerateclassname-options-class-name-generator). To correct this issue, all components on the page need to be initialized such that there is only ever **one class name generator** between them. @@ -18,11 +18,11 @@ You could end up accidentally using two class name generators in a variety of sc - You are using a bundler and it is splitting code in a way results in multiple class name generator instances to be created. > If you are using webpack with the [SplitChunksPlugin](https://webpack.js.org/plugins/split-chunks-plugin/), try configuring the [`runtimeChunk` setting under `optimizations`](https://webpack.js.org/configuration/optimization/#optimization-runtimechunk). -Overall, it's simple to recover from this problem by wrapping each Material-UI application with [`JssProvider`](/customization/css-in-js#jssprovider) components at the top of their component trees **and using a single class name generator shared between them**. +Overall, it's simple to recover from this problem by wrapping each Material-UI application with [`JssProvider`](/customization/css-in-js/#jssprovider) components at the top of their component trees **and using a single class name generator shared between them**. -[A resolution example](/customization/css-in-js#jssprovider). The last part of any solution will vary based on what bundler you are using, but the overall goal is to ensure the common module that contains the first snippet above only gets loaded and run once. +[A resolution example](/customization/css-in-js/#jssprovider). The last part of any solution will vary based on what bundler you are using, but the overall goal is to ensure the common module that contains the first snippet above only gets loaded and run once. -⚠️ You are in the hurry? Rest assured, we provide an option to make the class names **deterministic** as a quick escape hatch: [`dangerouslyUseGlobalCSS`](/customization/css-in-js#global-css). +⚠️ You are in the hurry? Rest assured, we provide an option to make the class names **deterministic** as a quick escape hatch: [`dangerouslyUseGlobalCSS`](/customization/css-in-js/#global-css). ## Why do the fixed positioned elements move when a modal is opened? @@ -102,7 +102,7 @@ Wrap the component with the [`RootRef`](/api/root-ref/) helper. The documentation site is using a custom theme. Hence, the color palette is different from the default theme that Material-UI ships. Please refer to [this -page](/customization/themes) to learn about theme customization. +page](/customization/themes/) to learn about theme customization. ## Material-UI is awesome. How can I support the project? diff --git a/docs/src/pages/getting-started/usage/usage.md b/docs/src/pages/getting-started/usage/usage.md index 21068f25797353..10d89aa098ce38 100644 --- a/docs/src/pages/getting-started/usage/usage.md +++ b/docs/src/pages/getting-started/usage/usage.md @@ -63,5 +63,5 @@ You can find older versions of the documentation on a [separate page](/versions/ Now that you have an idea of the basic setup, it's time to learn more about: - How to provide [the Material Design font and typography](/style/typography/). -- How to take advantage of the [theming solution](/customization/themes). -- How to [override](/customization/overrides) the look and feel of the components. +- How to take advantage of the [theming solution](/customization/themes/). +- How to [override](/customization/overrides/) the look and feel of the components. diff --git a/docs/src/pages/guides/interoperability/interoperability.md b/docs/src/pages/guides/interoperability/interoperability.md index 36bbf10d926045..3574712dd3a886 100644 --- a/docs/src/pages/guides/interoperability/interoperability.md +++ b/docs/src/pages/guides/interoperability/interoperability.md @@ -57,7 +57,7 @@ export default RawCssButton; [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/vmv2mz9785) -**Note:** JSS injects its styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js#css-injection-order), as in the demo. +**Note:** JSS injects its styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js/#css-injection-order), as in the demo. ## Styled Components @@ -102,7 +102,7 @@ export default StyledComponentsButton; ### Controlling Priority Both styled-components and JSS inject their styles at the bottom of the ``. -One approach to ensuring styled-components styles are loaded last is to change [the CSS injection order](/customization/css-in-js#css-injection-order), as in the demo. +One approach to ensuring styled-components styles are loaded last is to change [the CSS injection order](/customization/css-in-js/#css-injection-order), as in the demo. Another approach is to use the `&` character in styled-components to [bump up specificity](https://www.styled-components.com/docs/advanced#issues-with-specificity) by repeating the class name. Use this to ensure styled-components styles are applied before JSS styles. @@ -262,7 +262,7 @@ export default EmotionButton [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/4q8o1y975w) -**Note:** By default Emotion and JSS both inject their styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js#css-injection-order), as in the examples. +**Note:** By default Emotion and JSS both inject their styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js/#css-injection-order), as in the examples. ## React Emotion @@ -297,7 +297,7 @@ export default ReactEmotionButton; [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/xj81yqx504) -**Note:** By default Emotion and JSS both inject their styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js#css-injection-order), as in the examples. +**Note:** By default Emotion and JSS both inject their styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js/#css-injection-order), as in the examples. ## CSS Modules @@ -344,13 +344,13 @@ export default CssModulesButton; [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/m4j01r75wx) -**Note:** JSS injects its styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js#css-injection-order), as in the demo. +**Note:** JSS injects its styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js/#css-injection-order), as in the demo. ## Global CSS Explicitly providing the class names to the component is too much effort? Rest assured, we provide an option to make the class names **deterministic** for quick -prototyping: [`dangerouslyUseGlobalCSS`](/customization/css-in-js#global-css). +prototyping: [`dangerouslyUseGlobalCSS`](/customization/css-in-js/#global-css). **GlobalCssButton.css** ```css @@ -385,7 +385,7 @@ export default GlobalCssButton; [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/2zv5m0j37p) -**Note:** JSS injects its styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js#css-injection-order), as in the demo. +**Note:** JSS injects its styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js/#css-injection-order), as in the demo. ## React JSS @@ -433,7 +433,7 @@ export default injectSheet(styles)(ReactJssButton); ## CSS to MUI webpack Loader -The [css-to-mui-loader](https://www.npmjs.com/package/css-to-mui-loader) for webpack allows you to write CSS that gets transpiled into JS for use with the [`withStyles()`](/customization/css-in-js#withstyles-styles-options-higher-order-component) higher-order component. It provides a few hooks for accessing the theme from within the CSS. +The [css-to-mui-loader](https://www.npmjs.com/package/css-to-mui-loader) for webpack allows you to write CSS that gets transpiled into JS for use with the [`withStyles()`](/customization/css-in-js/#withstyles-styles-options-higher-order-component) higher-order component. It provides a few hooks for accessing the theme from within the CSS. **webpack.config.js** ```js @@ -529,4 +529,4 @@ export default GlamorButton; [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/ov5l1j2j8z) -**Note:** Both Glamor and JSS inject their styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js#css-injection-order), as in the demo. +**Note:** Both Glamor and JSS inject their styles at the bottom of the ``. If you don't want to mark style attributes with **!important**, you need to change [the CSS injection order](/customization/css-in-js/#css-injection-order), as in the demo. diff --git a/docs/src/pages/guides/right-to-left/right-to-left.md b/docs/src/pages/guides/right-to-left/right-to-left.md index 386c96f7fab32a..119e462685f551 100644 --- a/docs/src/pages/guides/right-to-left/right-to-left.md +++ b/docs/src/pages/guides/right-to-left/right-to-left.md @@ -21,7 +21,7 @@ npm install jss-rtl ``` Internally, we are dynamically enabling this plugin when `direction: 'rtl'` is set on the theme. -The [CSS-in-JS documentation](/customization/css-in-js#opting-out-of-rtl-transformation) explains a bit more how this plugin is working. Head to the [plugin README](https://github.com/alitaheri/jss-rtl) to know everything about it. +The [CSS-in-JS documentation](/customization/css-in-js/#opting-out-of-rtl-transformation) explains a bit more how this plugin is working. Head to the [plugin README](https://github.com/alitaheri/jss-rtl) to know everything about it. Once you have created a new JSS instance with the plugin, you need to make it available to all components in the component tree. JSS has a [`JssProvider`](https://github.com/cssinjs/react-jss) component for this: diff --git a/docs/src/pages/guides/server-rendering/server-rendering.md b/docs/src/pages/guides/server-rendering/server-rendering.md index 1c1e9530f34e50..81a9fcfc7a3a50 100644 --- a/docs/src/pages/guides/server-rendering/server-rendering.md +++ b/docs/src/pages/guides/server-rendering/server-rendering.md @@ -236,7 +236,7 @@ Another symptom is that the styling changes between initial page load and the do #### Action to Take -The class names value relies on the concept of [class name generator](/customization/css-in-js#creategenerateclassname-options-class-name-generator). +The class names value relies on the concept of [class name generator](/customization/css-in-js/#creategenerateclassname-options-class-name-generator). The whole page needs to be rendered with **a single generator**. This generator needs to behave identically on the server and on the client. For instance: diff --git a/docs/src/pages/premium-themes/premium-themes.md b/docs/src/pages/premium-themes/premium-themes.md index faab84f8788e4c..8ff3ef92ed623e 100644 --- a/docs/src/pages/premium-themes/premium-themes.md +++ b/docs/src/pages/premium-themes/premium-themes.md @@ -1,5 +1,5 @@ # Premium Themes -

    Themes built by or reviewed by Material-UI's creators.

    +

    React themes built by or reviewed by Material-UI's creators.

    {{"demo": "pages/premium-themes/PremiumThemes.js", "hideHeader": true}} diff --git a/docs/src/pages/style/color/color.md b/docs/src/pages/style/color/color.md index ab131b451bc6bf..8bafa2f84be170 100644 --- a/docs/src/pages/style/color/color.md +++ b/docs/src/pages/style/color/color.md @@ -44,7 +44,7 @@ Alternatively, you can enter hex values in the Primary and Secondary text fields {{"demo": "pages/style/color/ColorTool.js", "hideHeader": true}} -The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/themes#createmuitheme-options-theme) function (to be used with [`MuiThemeProvider`](/customization/themes#theme-provider)): +The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/themes/#createmuitheme-options-theme) function (to be used with [`MuiThemeProvider`](/customization/themes/#theme-provider)): ```jsx import { createMuiTheme } from '@material-ui/core/styles'; @@ -60,7 +60,7 @@ const theme = createMuiTheme({ }); ``` -Only the `main` shades need be provided (unless you wish to further customise `light`, `dark` or `contrastText`), as the other colors will be calculated by `createMuiTheme()`, as described in the [Theme customization](/customization/themes#palette) section. +Only the `main` shades need be provided (unless you wish to further customise `light`, `dark` or `contrastText`), as the other colors will be calculated by `createMuiTheme()`, as described in the [Theme customization](/customization/themes/#palette) section. If you are using the default primary and / or secondary shades then by providing the color object, `createMuiTheme()` will use the appropriate shades from the material color for main, light and dark. diff --git a/docs/src/pages/style/css-baseline/css-baseline.md b/docs/src/pages/style/css-baseline/css-baseline.md index 95030408ff2a92..3321837e820d15 100644 --- a/docs/src/pages/style/css-baseline/css-baseline.md +++ b/docs/src/pages/style/css-baseline/css-baseline.md @@ -43,4 +43,4 @@ which ensures that the declared width of the element is never exceeded due to pa - Font antialiasing is enabled for better display of the Roboto font. - No base font-size is declared on the ``, but 16px is assumed (the browser default). -You can learn more about the implications of changing the `` default font size in [the theme documentation](/customization/themes#typography-html-font-size) page. +You can learn more about the implications of changing the `` default font size in [the theme documentation](/customization/themes/#typography-html-font-size) page. diff --git a/docs/src/pages/utils/portal/portal.md b/docs/src/pages/utils/portal/portal.md index 767cdfd66ebcb7..b902c57eaaec4e 100644 --- a/docs/src/pages/utils/portal/portal.md +++ b/docs/src/pages/utils/portal/portal.md @@ -9,7 +9,7 @@ components: Portal The children of the portal component will be appended to the `container` specified. -The component is used internally by the [`Modal`](/utils/modal) and [`Popper`](/utils/popper) components. +The component is used internally by the [`Modal`](/utils/modal/) and [`Popper`](/utils/popper/) components. On the server, the content won't be rendered. You have to wait for the client side reconciliation to see the children. diff --git a/packages/material-ui-lab/src/SpeedDial/SpeedDial.js b/packages/material-ui-lab/src/SpeedDial/SpeedDial.js index 4f731eb8d121f7..95ef108f3c431d 100644 --- a/packages/material-ui-lab/src/SpeedDial/SpeedDial.js +++ b/packages/material-ui-lab/src/SpeedDial/SpeedDial.js @@ -238,7 +238,7 @@ SpeedDial.propTypes = { */ ariaLabel: PropTypes.string.isRequired, /** - * Properties applied to the [`Button`](/api/button) element. + * Properties applied to the [`Button`](/api/button/) element. */ ButtonProps: PropTypes.object, /** diff --git a/packages/material-ui-lab/src/SpeedDialAction/SpeedDialAction.js b/packages/material-ui-lab/src/SpeedDialAction/SpeedDialAction.js index d71e152bf0e6df..8da1ef7077ff88 100644 --- a/packages/material-ui-lab/src/SpeedDialAction/SpeedDialAction.js +++ b/packages/material-ui-lab/src/SpeedDialAction/SpeedDialAction.js @@ -124,7 +124,7 @@ class SpeedDialAction extends React.Component { SpeedDialAction.propTypes = { /** - * Properties applied to the [`Button`](/api/button) component. + * Properties applied to the [`Button`](/api/button/) component. */ ButtonProps: PropTypes.object, /** diff --git a/packages/material-ui/src/Collapse/Collapse.js b/packages/material-ui/src/Collapse/Collapse.js index 875eac3ee9b749..64b4c877ae9ec3 100644 --- a/packages/material-ui/src/Collapse/Collapse.js +++ b/packages/material-ui/src/Collapse/Collapse.js @@ -32,7 +32,7 @@ export const styles = theme => ({ /** * The Collapse transition is used by the - * [Vertical Stepper](/demos/steppers#vertical-stepper) StepContent component. + * [Vertical Stepper](/demos/steppers/#vertical-stepper) StepContent component. * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally. */ class Collapse extends React.Component { diff --git a/packages/material-ui/src/Dialog/Dialog.js b/packages/material-ui/src/Dialog/Dialog.js index c6ba4e586194d6..8f1dcf885a6420 100644 --- a/packages/material-ui/src/Dialog/Dialog.js +++ b/packages/material-ui/src/Dialog/Dialog.js @@ -258,7 +258,7 @@ Dialog.propTypes = { */ open: PropTypes.bool.isRequired, /** - * Properties applied to the [`Paper`](/api/paper) element. + * Properties applied to the [`Paper`](/api/paper/) element. */ PaperProps: PropTypes.object, /** diff --git a/packages/material-ui/src/Drawer/Drawer.js b/packages/material-ui/src/Drawer/Drawer.js index 4ddeb4cc38fe8a..f239d8119940b9 100644 --- a/packages/material-ui/src/Drawer/Drawer.js +++ b/packages/material-ui/src/Drawer/Drawer.js @@ -227,11 +227,11 @@ Drawer.propTypes = { */ open: PropTypes.bool, /** - * Properties applied to the [`Paper`](/api/paper) element. + * Properties applied to the [`Paper`](/api/paper/) element. */ PaperProps: PropTypes.object, /** - * Properties applied to the [`Slide`](/api/slide) element. + * Properties applied to the [`Slide`](/api/slide/) element. */ SlideProps: PropTypes.object, /** diff --git a/packages/material-ui/src/ExpansionPanel/ExpansionPanel.js b/packages/material-ui/src/ExpansionPanel/ExpansionPanel.js index 84795d4b2450ee..b153cc20309f45 100644 --- a/packages/material-ui/src/ExpansionPanel/ExpansionPanel.js +++ b/packages/material-ui/src/ExpansionPanel/ExpansionPanel.js @@ -185,7 +185,7 @@ ExpansionPanel.propTypes = { */ className: PropTypes.string, /** - * Properties applied to the [`Collapse`](/api/collapse) element. + * Properties applied to the [`Collapse`](/api/collapse/) element. */ CollapseProps: PropTypes.object, /** diff --git a/packages/material-ui/src/Fade/Fade.js b/packages/material-ui/src/Fade/Fade.js index 49144376b0cbd4..de893e43bf1d13 100644 --- a/packages/material-ui/src/Fade/Fade.js +++ b/packages/material-ui/src/Fade/Fade.js @@ -17,7 +17,7 @@ const styles = { }; /** - * The Fade transition is used by the [Modal](/utils/modal) component. + * The Fade transition is used by the [Modal](/utils/modal/) component. * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally. */ class Fade extends React.Component { diff --git a/packages/material-ui/src/Grow/Grow.js b/packages/material-ui/src/Grow/Grow.js index 7f5040375ccb2b..17f5b30725b87b 100644 --- a/packages/material-ui/src/Grow/Grow.js +++ b/packages/material-ui/src/Grow/Grow.js @@ -23,8 +23,8 @@ const styles = { }; /** - * The Grow transition is used by the [Tooltip](/demos/tooltips) and - * [Popover](/utils/popover) components. + * The Grow transition is used by the [Tooltip](/demos/tooltips/) and + * [Popover](/utils/popover/) components. * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally. */ class Grow extends React.Component { diff --git a/packages/material-ui/src/InputLabel/InputLabel.js b/packages/material-ui/src/InputLabel/InputLabel.js index e3a5fad1282ead..5c00e938a8193d 100644 --- a/packages/material-ui/src/InputLabel/InputLabel.js +++ b/packages/material-ui/src/InputLabel/InputLabel.js @@ -148,7 +148,7 @@ InputLabel.propTypes = { */ focused: PropTypes.bool, /** - * `classes` property applied to the [`FormLabel`](/api/form-label) element. + * `classes` property applied to the [`FormLabel`](/api/form-label/) element. */ FormLabelClasses: PropTypes.object, /** diff --git a/packages/material-ui/src/Menu/Menu.js b/packages/material-ui/src/Menu/Menu.js index ba8f726f47fe63..1ee04411e12109 100644 --- a/packages/material-ui/src/Menu/Menu.js +++ b/packages/material-ui/src/Menu/Menu.js @@ -152,7 +152,7 @@ Menu.propTypes = { */ disableAutoFocusItem: PropTypes.bool, /** - * Properties applied to the [`MenuList`](/api/menu-list) element. + * Properties applied to the [`MenuList`](/api/menu-list/) element. */ MenuListProps: PropTypes.object, /** @@ -194,7 +194,7 @@ Menu.propTypes = { */ PaperProps: PropTypes.object, /** - * `classes` property applied to the [`Popover`](/api/popover) element. + * `classes` property applied to the [`Popover`](/api/popover/) element. */ PopoverClasses: PropTypes.object, /** diff --git a/packages/material-ui/src/Modal/Modal.js b/packages/material-ui/src/Modal/Modal.js index a7780052050f2b..5314c1bdea2e81 100644 --- a/packages/material-ui/src/Modal/Modal.js +++ b/packages/material-ui/src/Modal/Modal.js @@ -315,7 +315,7 @@ Modal.propTypes = { */ BackdropComponent: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.object]), /** - * Properties applied to the [`Backdrop`](/api/backdrop) element. + * Properties applied to the [`Backdrop`](/api/backdrop/) element. */ BackdropProps: PropTypes.object, /** diff --git a/packages/material-ui/src/Popover/Popover.js b/packages/material-ui/src/Popover/Popover.js index cc1fa90ac7a9a3..bcea43d0ec97b2 100644 --- a/packages/material-ui/src/Popover/Popover.js +++ b/packages/material-ui/src/Popover/Popover.js @@ -464,7 +464,7 @@ Popover.propTypes = { */ open: PropTypes.bool.isRequired, /** - * Properties applied to the [`Paper`](/api/paper) element. + * Properties applied to the [`Paper`](/api/paper/) element. */ PaperProps: PropTypes.object, /** diff --git a/packages/material-ui/src/TablePagination/TablePagination.js b/packages/material-ui/src/TablePagination/TablePagination.js index ff6a854c8fd8f6..2f95bbf3578d71 100644 --- a/packages/material-ui/src/TablePagination/TablePagination.js +++ b/packages/material-ui/src/TablePagination/TablePagination.js @@ -166,7 +166,7 @@ TablePagination.propTypes = { */ ActionsComponent: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.object]), /** - * Properties applied to the back arrow [`IconButton`](/api/icon-button) component. + * Properties applied to the back arrow [`IconButton`](/api/icon-button/) component. */ backIconButtonProps: PropTypes.object, /** @@ -197,7 +197,7 @@ TablePagination.propTypes = { */ labelRowsPerPage: PropTypes.node, /** - * Properties applied to the next arrow [`IconButton`](/api/icon-button) element. + * Properties applied to the next arrow [`IconButton`](/api/icon-button/) element. */ nextIconButtonProps: PropTypes.object, /** @@ -227,7 +227,7 @@ TablePagination.propTypes = { */ rowsPerPageOptions: PropTypes.array, /** - * Properties applied to the rows per page [`Select`](/api/select) element. + * Properties applied to the rows per page [`Select`](/api/select/) element. */ SelectProps: PropTypes.object, }; diff --git a/packages/material-ui/src/TablePaginationActions/TablePaginationActions.js b/packages/material-ui/src/TablePaginationActions/TablePaginationActions.js index 9bb5b86904a8c2..fcfec6dc8ed1b0 100644 --- a/packages/material-ui/src/TablePaginationActions/TablePaginationActions.js +++ b/packages/material-ui/src/TablePaginationActions/TablePaginationActions.js @@ -52,7 +52,7 @@ class TablePaginationActions extends React.Component { TablePaginationActions.propTypes = { /** - * Properties applied to the back arrow [`IconButton`](/api/icon-button) element. + * Properties applied to the back arrow [`IconButton`](/api/icon-button/) element. */ backIconButtonProps: PropTypes.object, /** @@ -60,7 +60,7 @@ TablePaginationActions.propTypes = { */ count: PropTypes.number.isRequired, /** - * Properties applied to the next arrow [`IconButton`](/api/icon-button) element. + * Properties applied to the next arrow [`IconButton`](/api/icon-button/) element. */ nextIconButtonProps: PropTypes.object, /** diff --git a/packages/material-ui/src/TextField/TextField.js b/packages/material-ui/src/TextField/TextField.js index 5b0d3843db80fa..4c74a1b46083c5 100644 --- a/packages/material-ui/src/TextField/TextField.js +++ b/packages/material-ui/src/TextField/TextField.js @@ -26,10 +26,10 @@ const variantComponent = { * * It's important to understand that the text field is a simple abstraction * on top of the following components: - * - [FormControl](/api/form-control) - * - [InputLabel](/api/input-label) - * - [Input](/api/input) - * - [FormHelperText](/api/form-helper-text) + * - [FormControl](/api/form-control/) + * - [InputLabel](/api/input-label/) + * - [Input](/api/input/) + * - [FormHelperText](/api/form-helper-text/) * * If you wish to alter the properties applied to the native input, you can do so as follows: * @@ -199,7 +199,7 @@ TextField.propTypes = { */ error: PropTypes.bool, /** - * Properties applied to the [`FormHelperText`](/api/form-helper-text) element. + * Properties applied to the [`FormHelperText`](/api/form-helper-text/) element. */ FormHelperTextProps: PropTypes.object, /** @@ -216,7 +216,7 @@ TextField.propTypes = { */ id: PropTypes.string, /** - * Properties applied to the [`InputLabel`](/api/input-label) element. + * Properties applied to the [`InputLabel`](/api/input-label/) element. */ InputLabelProps: PropTypes.object, /** @@ -284,7 +284,7 @@ TextField.propTypes = { */ select: PropTypes.bool, /** - * Properties applied to the [`Select`](/api/select) element. + * Properties applied to the [`Select`](/api/select/) element. */ SelectProps: PropTypes.object, /** diff --git a/pages/api/app-bar.md b/pages/api/app-bar.md index 84dfefcc4a5baa..5db87b2518bd3e 100644 --- a/pages/api/app-bar.md +++ b/pages/api/app-bar.md @@ -49,7 +49,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiAppBar`. ## Inheritance diff --git a/pages/api/avatar.md b/pages/api/avatar.md index 02bc383fb305f1..9f8f1cd915d8cf 100644 --- a/pages/api/avatar.md +++ b/pages/api/avatar.md @@ -47,7 +47,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiAvatar`. ## Demos diff --git a/pages/api/backdrop.md b/pages/api/backdrop.md index 2a9b1ca3aa5352..2b4c230703b648 100644 --- a/pages/api/backdrop.md +++ b/pages/api/backdrop.md @@ -42,6 +42,6 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiBackdrop`. diff --git a/pages/api/badge.md b/pages/api/badge.md index 5fd74cac63a61b..5afbfcf92c5656 100644 --- a/pages/api/badge.md +++ b/pages/api/badge.md @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiBadge`. ## Demos diff --git a/pages/api/bottom-navigation-action.md b/pages/api/bottom-navigation-action.md index b40a9cbafd1919..bb1934c909395b 100644 --- a/pages/api/bottom-navigation-action.md +++ b/pages/api/bottom-navigation-action.md @@ -47,7 +47,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiBottomNavigationAction`. ## Inheritance diff --git a/pages/api/bottom-navigation.md b/pages/api/bottom-navigation.md index 1d3bfd9079e409..dc6ecba5e223b1 100644 --- a/pages/api/bottom-navigation.md +++ b/pages/api/bottom-navigation.md @@ -42,7 +42,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiBottomNavigation`. ## Demos diff --git a/pages/api/button-base.md b/pages/api/button-base.md index dcc509d552dbdb..51f3755e1ec3dc 100644 --- a/pages/api/button-base.md +++ b/pages/api/button-base.md @@ -55,7 +55,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiButtonBase`. ## Demos diff --git a/pages/api/button.md b/pages/api/button.md index a292ef1cd20ea5..8f90bf44436499 100644 --- a/pages/api/button.md +++ b/pages/api/button.md @@ -74,7 +74,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiButton`. ## Inheritance diff --git a/pages/api/card-action-area.md b/pages/api/card-action-area.md index 4040771dd04c7c..6778ba00e8d3bd 100644 --- a/pages/api/card-action-area.md +++ b/pages/api/card-action-area.md @@ -41,7 +41,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCardActionArea`. ## Inheritance diff --git a/pages/api/card-actions.md b/pages/api/card-actions.md index f2fe421d9a26ef..fd75954951fcf3 100644 --- a/pages/api/card-actions.md +++ b/pages/api/card-actions.md @@ -41,7 +41,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCardActions`. ## Demos diff --git a/pages/api/card-content.md b/pages/api/card-content.md index 77e1a8a3746589..7b251affe110bc 100644 --- a/pages/api/card-content.md +++ b/pages/api/card-content.md @@ -39,7 +39,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCardContent`. ## Demos diff --git a/pages/api/card-header.md b/pages/api/card-header.md index 0937c78a07a186..a5589eed919c5b 100644 --- a/pages/api/card-header.md +++ b/pages/api/card-header.md @@ -51,7 +51,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCardHeader`. ## Demos diff --git a/pages/api/card-media.md b/pages/api/card-media.md index 49ffd1e76e7043..f9cecafdb71a46 100644 --- a/pages/api/card-media.md +++ b/pages/api/card-media.md @@ -42,7 +42,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCardMedia`. ## Demos diff --git a/pages/api/card.md b/pages/api/card.md index c3fdfa98cc136c..829b768fd9ce5d 100644 --- a/pages/api/card.md +++ b/pages/api/card.md @@ -39,7 +39,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCard`. ## Inheritance diff --git a/pages/api/checkbox.md b/pages/api/checkbox.md index 22dbef663b64e0..489fbca208bb73 100644 --- a/pages/api/checkbox.md +++ b/pages/api/checkbox.md @@ -57,7 +57,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCheckbox`. ## Demos diff --git a/pages/api/chip.md b/pages/api/chip.md index 2cf9532d7bc6bc..287eab1306d97a 100644 --- a/pages/api/chip.md +++ b/pages/api/chip.md @@ -72,7 +72,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiChip`. ## Demos diff --git a/pages/api/circular-progress.md b/pages/api/circular-progress.md index 70b267af98641f..73dd2efc2b7f2a 100644 --- a/pages/api/circular-progress.md +++ b/pages/api/circular-progress.md @@ -55,7 +55,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCircularProgress`. ## Demos diff --git a/pages/api/collapse.md b/pages/api/collapse.md index 14dc12ff314b0b..28a2a27521a357 100644 --- a/pages/api/collapse.md +++ b/pages/api/collapse.md @@ -14,7 +14,7 @@ import Collapse from '@material-ui/core/Collapse'; ``` The Collapse transition is used by the -[Vertical Stepper](/demos/steppers#vertical-stepper) StepContent component. +[Vertical Stepper](/demos/steppers/#vertical-stepper) StepContent component. It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally. ## Props @@ -48,7 +48,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiCollapse`. ## Inheritance diff --git a/pages/api/dialog-actions.md b/pages/api/dialog-actions.md index a0fcc2e5768ef8..f0b79dcd4cfdd4 100644 --- a/pages/api/dialog-actions.md +++ b/pages/api/dialog-actions.md @@ -41,7 +41,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiDialogActions`. ## Demos diff --git a/pages/api/dialog-content-text.md b/pages/api/dialog-content-text.md index 5a03237df76fa6..6c6b7db788ffea 100644 --- a/pages/api/dialog-content-text.md +++ b/pages/api/dialog-content-text.md @@ -39,7 +39,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiDialogContentText`. ## Inheritance diff --git a/pages/api/dialog-content.md b/pages/api/dialog-content.md index fde57a6fa854b2..9146933e7a753f 100644 --- a/pages/api/dialog-content.md +++ b/pages/api/dialog-content.md @@ -39,7 +39,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiDialogContent`. ## Demos diff --git a/pages/api/dialog-title.md b/pages/api/dialog-title.md index b16782dfc18743..54a3d294e39358 100644 --- a/pages/api/dialog-title.md +++ b/pages/api/dialog-title.md @@ -40,7 +40,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiDialogTitle`. ## Demos diff --git a/pages/api/dialog.md b/pages/api/dialog.md index e182de0133fccd..61fbd76818fce2 100644 --- a/pages/api/dialog.md +++ b/pages/api/dialog.md @@ -36,7 +36,7 @@ Dialogs are overlaid modal paper based components with a backdrop. | onExited | func |   | Callback fired when the dialog has exited. | | onExiting | func |   | Callback fired when the dialog is exiting. | | open * | bool |   | If `true`, the Dialog is open. | -| PaperProps | object |   | Properties applied to the [`Paper`](/api/paper) element. | +| PaperProps | object |   | Properties applied to the [`Paper`](/api/paper/) element. | | scroll | enum: 'body' |
     'paper'
    | 'paper' | Determine the container for scrolling the dialog. | | TransitionComponent | union: string |
     func |
     object
    | Fade | Transition component. | | transitionDuration | union: number |
     { enter?: number, exit?: number }
    | { enter: duration.enteringScreen, exit: duration.leavingScreen } | The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object. | @@ -70,7 +70,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiDialog`. ## Inheritance diff --git a/pages/api/divider.md b/pages/api/divider.md index 322e1dac70572c..198e398ce4172c 100644 --- a/pages/api/divider.md +++ b/pages/api/divider.md @@ -45,7 +45,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiDivider`. ## Demos diff --git a/pages/api/drawer.md b/pages/api/drawer.md index 31471cbd6b1e24..06a0b1879321df 100644 --- a/pages/api/drawer.md +++ b/pages/api/drawer.md @@ -27,8 +27,8 @@ when `variant="temporary"` is set. | ModalProps | object |   | Properties applied to the [`Modal`](/api/modal) element. | | onClose | func |   | Callback fired when the component requests to be closed.

    **Signature:**
    `function(event: object) => void`
    *event:* The event source of the callback | | open | bool | false | If `true`, the drawer is open. | -| PaperProps | object |   | Properties applied to the [`Paper`](/api/paper) element. | -| SlideProps | object |   | Properties applied to the [`Slide`](/api/slide) element. | +| PaperProps | object |   | Properties applied to the [`Paper`](/api/paper/) element. | +| SlideProps | object |   | Properties applied to the [`Slide`](/api/slide/) element. | | transitionDuration | union: number |
     { enter?: number, exit?: number }
    | { enter: duration.enteringScreen, exit: duration.leavingScreen } | The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object. | | variant | enum: 'permanent' |
     'persistent' |
     'temporary'
    | 'temporary' | The variant to use. | @@ -59,7 +59,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiDrawer`. ## Demos diff --git a/pages/api/expansion-panel-actions.md b/pages/api/expansion-panel-actions.md index c37de8289a113f..783f3d2eeb0150 100644 --- a/pages/api/expansion-panel-actions.md +++ b/pages/api/expansion-panel-actions.md @@ -40,7 +40,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiExpansionPanelActions`. ## Demos diff --git a/pages/api/expansion-panel-details.md b/pages/api/expansion-panel-details.md index ce3bfbdae5510b..005b9053c21c9b 100644 --- a/pages/api/expansion-panel-details.md +++ b/pages/api/expansion-panel-details.md @@ -39,7 +39,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiExpansionPanelDetails`. ## Demos diff --git a/pages/api/expansion-panel-summary.md b/pages/api/expansion-panel-summary.md index a54d9199cfe6a0..1b3d13d9118380 100644 --- a/pages/api/expansion-panel-summary.md +++ b/pages/api/expansion-panel-summary.md @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiExpansionPanelSummary`. ## Inheritance diff --git a/pages/api/expansion-panel.md b/pages/api/expansion-panel.md index 24a265d497ccf2..d6bb1900bdc7d4 100644 --- a/pages/api/expansion-panel.md +++ b/pages/api/expansion-panel.md @@ -21,7 +21,7 @@ import ExpansionPanel from '@material-ui/core/ExpansionPanel'; |:-----|:-----|:--------|:------------| | children * | node |   | The content of the expansion panel. | | classes | object |   | Override or extend the styles applied to the component. See [CSS API](#css-api) below for more details. | -| CollapseProps | object |   | Properties applied to the [`Collapse`](/api/collapse) element. | +| CollapseProps | object |   | Properties applied to the [`Collapse`](/api/collapse/) element. | | defaultExpanded | bool | false | If `true`, expands the panel by default. | | disabled | bool | false | If `true`, the panel will be displayed in a disabled state. | | expanded | bool |   | If `true`, expands the panel, otherwise collapse it. Setting this prop enables control over the panel. | @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiExpansionPanel`. ## Inheritance diff --git a/pages/api/fade.md b/pages/api/fade.md index 3057da4d5429d0..e234e495cb60ad 100644 --- a/pages/api/fade.md +++ b/pages/api/fade.md @@ -13,7 +13,7 @@ title: Fade API import Fade from '@material-ui/core/Fade'; ``` -The Fade transition is used by the [Modal](/utils/modal) component. +The Fade transition is used by the [Modal](/utils/modal/) component. It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally. ## Props diff --git a/pages/api/filled-input.md b/pages/api/filled-input.md index 6e1bab96255ae1..f4beef34c6bbdd 100644 --- a/pages/api/filled-input.md +++ b/pages/api/filled-input.md @@ -74,7 +74,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiFilledInput`. ## Inheritance diff --git a/pages/api/form-control-label.md b/pages/api/form-control-label.md index ad8ca3f337456b..63e4d14c104590 100644 --- a/pages/api/form-control-label.md +++ b/pages/api/form-control-label.md @@ -51,7 +51,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiFormControlLabel`. ## Demos diff --git a/pages/api/form-control.md b/pages/api/form-control.md index ee0b07b3a21f0b..0080bae4915f90 100644 --- a/pages/api/form-control.md +++ b/pages/api/form-control.md @@ -56,7 +56,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiFormControl`. ## Demos diff --git a/pages/api/form-group.md b/pages/api/form-group.md index 022dd79d0a3895..d25d83bba163ad 100644 --- a/pages/api/form-group.md +++ b/pages/api/form-group.md @@ -43,7 +43,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiFormGroup`. ## Demos diff --git a/pages/api/form-helper-text.md b/pages/api/form-helper-text.md index a034f10efbdae0..0b36f18adbf0ad 100644 --- a/pages/api/form-helper-text.md +++ b/pages/api/form-helper-text.md @@ -54,7 +54,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiFormHelperText`. ## Demos diff --git a/pages/api/form-label.md b/pages/api/form-label.md index 37da8b89f5aea2..3f26447ecc688f 100644 --- a/pages/api/form-label.md +++ b/pages/api/form-label.md @@ -51,7 +51,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiFormLabel`. ## Demos diff --git a/pages/api/grid-list-tile-bar.md b/pages/api/grid-list-tile-bar.md index 7ecc0269df92a3..e50240aa7c724f 100644 --- a/pages/api/grid-list-tile-bar.md +++ b/pages/api/grid-list-tile-bar.md @@ -53,7 +53,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiGridListTileBar`. ## Demos diff --git a/pages/api/grid-list-tile.md b/pages/api/grid-list-tile.md index 5d3c1246899510..76c971701ca7ae 100644 --- a/pages/api/grid-list-tile.md +++ b/pages/api/grid-list-tile.md @@ -45,7 +45,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiGridListTile`. ## Demos diff --git a/pages/api/grid-list.md b/pages/api/grid-list.md index 4480626c2735fe..9a50956b61c353 100644 --- a/pages/api/grid-list.md +++ b/pages/api/grid-list.md @@ -43,7 +43,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiGridList`. ## Demos diff --git a/pages/api/grid.md b/pages/api/grid.md index 78817e75a1dd7e..5f3bb3882aa990 100644 --- a/pages/api/grid.md +++ b/pages/api/grid.md @@ -94,7 +94,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiGrid`. ## Demos diff --git a/pages/api/grow.md b/pages/api/grow.md index e4c56600fe8a04..426c2f3dbbed24 100644 --- a/pages/api/grow.md +++ b/pages/api/grow.md @@ -13,8 +13,8 @@ title: Grow API import Grow from '@material-ui/core/Grow'; ``` -The Grow transition is used by the [Tooltip](/demos/tooltips) and -[Popover](/utils/popover) components. +The Grow transition is used by the [Tooltip](/demos/tooltips/) and +[Popover](/utils/popover/) components. It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally. ## Props diff --git a/pages/api/icon-button.md b/pages/api/icon-button.md index 592c9a156bac76..2b68655e3c0d84 100644 --- a/pages/api/icon-button.md +++ b/pages/api/icon-button.md @@ -48,7 +48,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiIconButton`. ## Inheritance diff --git a/pages/api/icon.md b/pages/api/icon.md index 216991cf14c3ef..04a753399ed389 100644 --- a/pages/api/icon.md +++ b/pages/api/icon.md @@ -50,7 +50,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiIcon`. ## Demos diff --git a/pages/api/input-adornment.md b/pages/api/input-adornment.md index 6664b7d972882e..adb92cb555c026 100644 --- a/pages/api/input-adornment.md +++ b/pages/api/input-adornment.md @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiInputAdornment`. ## Demos diff --git a/pages/api/input-base.md b/pages/api/input-base.md index d7532d34b37de4..b9a2015f5677e8 100644 --- a/pages/api/input-base.md +++ b/pages/api/input-base.md @@ -80,7 +80,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiInputBase`. ## Demos diff --git a/pages/api/input-label.md b/pages/api/input-label.md index 7b3101fe2c0689..f7b451647a99f0 100644 --- a/pages/api/input-label.md +++ b/pages/api/input-label.md @@ -25,7 +25,7 @@ import InputLabel from '@material-ui/core/InputLabel'; | disabled | bool |   | If `true`, apply disabled class. | | error | bool |   | If `true`, the label will be displayed in an error state. | | focused | bool |   | If `true`, the input of this label is focused. | -| FormLabelClasses | object |   | `classes` property applied to the [`FormLabel`](/api/form-label) element. | +| FormLabelClasses | object |   | `classes` property applied to the [`FormLabel`](/api/form-label/) element. | | margin | enum: 'dense'
    |   | If `dense`, will adjust vertical spacing. This is normally obtained via context from FormControl. | | required | bool |   | if `true`, the label will indicate that the input is required. | | shrink | bool |   | If `true`, the label is shrunk. | @@ -54,7 +54,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiInputLabel`. ## Inheritance diff --git a/pages/api/input.md b/pages/api/input.md index 0b6abc56a97390..5f9caeff22c78e 100644 --- a/pages/api/input.md +++ b/pages/api/input.md @@ -75,7 +75,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiInput`. ## Inheritance diff --git a/pages/api/linear-progress.md b/pages/api/linear-progress.md index 10a84e59bde65e..5f3f6170224fb8 100644 --- a/pages/api/linear-progress.md +++ b/pages/api/linear-progress.md @@ -62,7 +62,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiLinearProgress`. ## Demos diff --git a/pages/api/list-item-avatar.md b/pages/api/list-item-avatar.md index 2b0ecbe8fda91c..4a922c62668258 100644 --- a/pages/api/list-item-avatar.md +++ b/pages/api/list-item-avatar.md @@ -40,7 +40,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiListItemAvatar`. ## Demos diff --git a/pages/api/list-item-icon.md b/pages/api/list-item-icon.md index 253e98c16c5c6c..873349cc0f6f46 100644 --- a/pages/api/list-item-icon.md +++ b/pages/api/list-item-icon.md @@ -39,7 +39,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiListItemIcon`. ## Demos diff --git a/pages/api/list-item-secondary-action.md b/pages/api/list-item-secondary-action.md index 2c123293171948..3fd03c859fe8ec 100644 --- a/pages/api/list-item-secondary-action.md +++ b/pages/api/list-item-secondary-action.md @@ -39,7 +39,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiListItemSecondaryAction`. ## Demos diff --git a/pages/api/list-item-text.md b/pages/api/list-item-text.md index ed215b87640d0d..fff32063522c05 100644 --- a/pages/api/list-item-text.md +++ b/pages/api/list-item-text.md @@ -50,7 +50,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiListItemText`. ## Demos diff --git a/pages/api/list-item.md b/pages/api/list-item.md index 32e87d6f080b9b..2b8cac8c3b5765 100644 --- a/pages/api/list-item.md +++ b/pages/api/list-item.md @@ -58,7 +58,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiListItem`. ## Demos diff --git a/pages/api/list-subheader.md b/pages/api/list-subheader.md index 9af04e9a0746d7..f77ad21f3bbf4b 100644 --- a/pages/api/list-subheader.md +++ b/pages/api/list-subheader.md @@ -49,7 +49,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiListSubheader`. ## Demos diff --git a/pages/api/list.md b/pages/api/list.md index d6b5cf11c48f14..f16ab1c93b768a 100644 --- a/pages/api/list.md +++ b/pages/api/list.md @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiList`. ## Demos diff --git a/pages/api/menu-item.md b/pages/api/menu-item.md index e9652650b71567..6e13253786a649 100644 --- a/pages/api/menu-item.md +++ b/pages/api/menu-item.md @@ -41,7 +41,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiMenuItem`. ## Inheritance diff --git a/pages/api/menu.md b/pages/api/menu.md index 1de801004c990e..c3970c9773ea1e 100644 --- a/pages/api/menu.md +++ b/pages/api/menu.md @@ -23,7 +23,7 @@ import Menu from '@material-ui/core/Menu'; | children | node |   | Menu contents, normally `MenuItem`s. | | classes | object |   | Override or extend the styles applied to the component. See [CSS API](#css-api) below for more details. | | disableAutoFocusItem | bool | false | If `true`, the selected / first menu item will not be auto focused. | -| MenuListProps | object |   | Properties applied to the [`MenuList`](/api/menu-list) element. | +| MenuListProps | object |   | Properties applied to the [`MenuList`](/api/menu-list/) element. | | onClose | func |   | Callback fired when the component requests to be closed.

    **Signature:**
    `function(event: object) => void`
    *event:* The event source of the callback | | onEnter | func |   | Callback fired before the Menu enters. | | onEntered | func |   | Callback fired when the Menu has entered. | @@ -32,7 +32,7 @@ import Menu from '@material-ui/core/Menu'; | onExited | func |   | Callback fired when the Menu has exited. | | onExiting | func |   | Callback fired when the Menu is exiting. | | open * | bool |   | If `true`, the menu is visible. | -| PopoverClasses | object |   | `classes` property applied to the [`Popover`](/api/popover) element. | +| PopoverClasses | object |   | `classes` property applied to the [`Popover`](/api/popover/) element. | | transitionDuration | union: number |
     { enter?: number, exit?: number } |
     enum: 'auto'

    | 'auto' | The length of the transition in `ms`, or 'auto' | Any other properties supplied will be spread to the root element ([Popover](/api/popover/)). @@ -52,7 +52,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiMenu`. ## Inheritance diff --git a/pages/api/mobile-stepper.md b/pages/api/mobile-stepper.md index a1b2608118649f..b6edc13ec5372e 100644 --- a/pages/api/mobile-stepper.md +++ b/pages/api/mobile-stepper.md @@ -52,7 +52,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiMobileStepper`. ## Inheritance diff --git a/pages/api/modal.md b/pages/api/modal.md index 31fe3e82962cf6..d5d16a97982105 100644 --- a/pages/api/modal.md +++ b/pages/api/modal.md @@ -20,7 +20,7 @@ This component shares many concepts with [react-overlays](https://react-bootstra | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | BackdropComponent | union: string |
     func |
     object
    | Backdrop | A backdrop component. This property enables custom backdrop rendering. | -| BackdropProps | object |   | Properties applied to the [`Backdrop`](/api/backdrop) element. | +| BackdropProps | object |   | Properties applied to the [`Backdrop`](/api/backdrop/) element. | | children | element |   | A single child content element. | | classes | object |   | Override or extend the styles applied to the component. See [CSS API](#css-api) below for more details. | | container | union: object |
     func
    |   | A node, component instance, or function that returns either. The `container` will have the portal children appended to it. | @@ -57,7 +57,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiModal`. ## Demos diff --git a/pages/api/native-select.md b/pages/api/native-select.md index deb8d735b63f0e..9dc0d3db7174af 100644 --- a/pages/api/native-select.md +++ b/pages/api/native-select.md @@ -51,7 +51,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiNativeSelect`. ## Inheritance diff --git a/pages/api/outlined-input.md b/pages/api/outlined-input.md index f25c83af65b6ae..07db9082f2e7af 100644 --- a/pages/api/outlined-input.md +++ b/pages/api/outlined-input.md @@ -76,7 +76,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiOutlinedInput`. ## Inheritance diff --git a/pages/api/paper.md b/pages/api/paper.md index 9a4b4ade55adf0..85e3729b0b8da9 100644 --- a/pages/api/paper.md +++ b/pages/api/paper.md @@ -68,7 +68,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiPaper`. ## Demos diff --git a/pages/api/popover.md b/pages/api/popover.md index 3bd12809f68b4d..197a843b53a9cd 100644 --- a/pages/api/popover.md +++ b/pages/api/popover.md @@ -39,7 +39,7 @@ import Popover from '@material-ui/core/Popover'; | onExited | func |   | Callback fired when the component has exited. | | onExiting | func |   | Callback fired when the component is exiting. | | open * | bool |   | If `true`, the popover is visible. | -| PaperProps | object |   | Properties applied to the [`Paper`](/api/paper) element. | +| PaperProps | object |   | Properties applied to the [`Paper`](/api/paper/) element. | | transformOrigin | { horizontal: union: number |
     enum: 'left' |
     'center' |
     'right'

    , vertical: union: number |
     enum: 'top' |
     'center' |
     'bottom'

    } | { vertical: 'top', horizontal: 'left',} | This is the point on the popover which will attach to the anchor's origin.
    Options: vertical: [top, center, bottom, x(px)]; horizontal: [left, center, right, x(px)]. | | TransitionComponent | union: string |
     func |
     object
    | Grow | Transition component. | | transitionDuration | union: number |
     { enter?: number, exit?: number } |
     enum: 'auto'

    | 'auto' | Set to 'auto' to automatically calculate transition time based on height. | @@ -62,7 +62,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiPopover`. ## Inheritance diff --git a/pages/api/radio.md b/pages/api/radio.md index 96fdb0011d54e2..99390bd122f91c 100644 --- a/pages/api/radio.md +++ b/pages/api/radio.md @@ -54,7 +54,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiRadio`. ## Demos diff --git a/pages/api/select.md b/pages/api/select.md index bf44e768f648ef..600a08dfa58301 100644 --- a/pages/api/select.md +++ b/pages/api/select.md @@ -61,7 +61,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSelect`. ## Inheritance diff --git a/pages/api/snackbar-content.md b/pages/api/snackbar-content.md index 68a60e0e5115a4..18a57f4dbb03b2 100644 --- a/pages/api/snackbar-content.md +++ b/pages/api/snackbar-content.md @@ -42,7 +42,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSnackbarContent`. ## Inheritance diff --git a/pages/api/snackbar.md b/pages/api/snackbar.md index 8a1285515abeef..cc77dd7ef4d764 100644 --- a/pages/api/snackbar.md +++ b/pages/api/snackbar.md @@ -65,7 +65,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSnackbar`. ## Demos diff --git a/pages/api/step-button.md b/pages/api/step-button.md index a565ebb25ba072..cdd36c4578a23a 100644 --- a/pages/api/step-button.md +++ b/pages/api/step-button.md @@ -44,7 +44,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiStepButton`. ## Inheritance diff --git a/pages/api/step-connector.md b/pages/api/step-connector.md index 33eeaf78186d87..f47d365843fbce 100644 --- a/pages/api/step-connector.md +++ b/pages/api/step-connector.md @@ -47,7 +47,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiStepConnector`. ## Demos diff --git a/pages/api/step-content.md b/pages/api/step-content.md index c24331a9f28da3..6c67ada4428a25 100644 --- a/pages/api/step-content.md +++ b/pages/api/step-content.md @@ -44,7 +44,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiStepContent`. ## Demos diff --git a/pages/api/step-icon.md b/pages/api/step-icon.md index c2c674c61e7e99..5d38b756dde433 100644 --- a/pages/api/step-icon.md +++ b/pages/api/step-icon.md @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiStepIcon`. ## Demos diff --git a/pages/api/step-label.md b/pages/api/step-label.md index 6d73d145b96555..f53881ddba452b 100644 --- a/pages/api/step-label.md +++ b/pages/api/step-label.md @@ -55,7 +55,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiStepLabel`. ## Demos diff --git a/pages/api/step.md b/pages/api/step.md index ccf010e799eaa6..f7948ffd790ad7 100644 --- a/pages/api/step.md +++ b/pages/api/step.md @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiStep`. ## Demos diff --git a/pages/api/stepper.md b/pages/api/stepper.md index 8990232a4ffbe2..99e90d02f88250 100644 --- a/pages/api/stepper.md +++ b/pages/api/stepper.md @@ -47,7 +47,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiStepper`. ## Inheritance diff --git a/pages/api/svg-icon.md b/pages/api/svg-icon.md index 4c25008bd4ed03..ead5a67033885a 100644 --- a/pages/api/svg-icon.md +++ b/pages/api/svg-icon.md @@ -53,7 +53,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSvgIcon`. ## Demos diff --git a/pages/api/switch.md b/pages/api/switch.md index ab99ddf8bc544a..8b38c64312bd2c 100644 --- a/pages/api/switch.md +++ b/pages/api/switch.md @@ -58,7 +58,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSwitch`. ## Demos diff --git a/pages/api/tab.md b/pages/api/tab.md index 21853df6e70e00..4b2d8327ac63b2 100644 --- a/pages/api/tab.md +++ b/pages/api/tab.md @@ -54,7 +54,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTab`. ## Inheritance diff --git a/pages/api/table-body.md b/pages/api/table-body.md index 02f132c55d5def..077dfa82bad423 100644 --- a/pages/api/table-body.md +++ b/pages/api/table-body.md @@ -40,7 +40,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTableBody`. ## Demos diff --git a/pages/api/table-cell.md b/pages/api/table-cell.md index fbe7b188b6ec1d..a249e955bba0f6 100644 --- a/pages/api/table-cell.md +++ b/pages/api/table-cell.md @@ -52,7 +52,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTableCell`. ## Demos diff --git a/pages/api/table-footer.md b/pages/api/table-footer.md index 6e5df664f70129..8ba1e5ade8367b 100644 --- a/pages/api/table-footer.md +++ b/pages/api/table-footer.md @@ -40,7 +40,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTableFooter`. ## Demos diff --git a/pages/api/table-head.md b/pages/api/table-head.md index 8e0cbfd7aaeca4..d7068e11422b96 100644 --- a/pages/api/table-head.md +++ b/pages/api/table-head.md @@ -40,7 +40,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTableHead`. ## Demos diff --git a/pages/api/table-pagination.md b/pages/api/table-pagination.md index 489af4f2d8511f..ea57a5f3b0534b 100644 --- a/pages/api/table-pagination.md +++ b/pages/api/table-pagination.md @@ -20,19 +20,19 @@ A `TableCell` based component for placing inside `TableFooter` for pagination. | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | ActionsComponent | union: string |
     func |
     object
    | TablePaginationActions | The component used for displaying the actions. Either a string to use a DOM element or a component. | -| backIconButtonProps | object |   | Properties applied to the back arrow [`IconButton`](/api/icon-button) component. | +| backIconButtonProps | object |   | Properties applied to the back arrow [`IconButton`](/api/icon-button/) component. | | classes | object |   | Override or extend the styles applied to the component. See [CSS API](#css-api) below for more details. | | component | union: string |
     func |
     object
    | TableCell | The component used for the root node. Either a string to use a DOM element or a component. | | count * | number |   | The total number of rows. | | labelDisplayedRows | func | ({ from, to, count }) => `${from}-${to} of ${count}` | Customize the displayed rows label. | | labelRowsPerPage | node | 'Rows per page:' | Customize the rows per page label. Invoked with a `{ from, to, count, page }` object. | -| nextIconButtonProps | object |   | Properties applied to the next arrow [`IconButton`](/api/icon-button) element. | +| nextIconButtonProps | object |   | Properties applied to the next arrow [`IconButton`](/api/icon-button/) element. | | onChangePage * | func |   | Callback fired when the page is changed.

    **Signature:**
    `function(event: object, page: number) => void`
    *event:* The event source of the callback
    *page:* The page selected | | onChangeRowsPerPage | func |   | Callback fired when the number of rows per page is changed.

    **Signature:**
    `function(event: object) => void`
    *event:* The event source of the callback | | page * | number |   | The zero-based index of the current page. | | rowsPerPage * | number |   | The number of rows per page. | | rowsPerPageOptions | array | [5, 10, 25] | Customizes the options of the rows per page select field. If less than two options are available, no select field will be displayed. | -| SelectProps | object |   | Properties applied to the rows per page [`Select`](/api/select) element. | +| SelectProps | object |   | Properties applied to the rows per page [`Select`](/api/select/) element. | Any other properties supplied will be spread to the root element ([TableCell](/api/table-cell/)). @@ -60,7 +60,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTablePagination`. ## Inheritance diff --git a/pages/api/table-row.md b/pages/api/table-row.md index 8a563dc5b6ac25..78db8a2379847d 100644 --- a/pages/api/table-row.md +++ b/pages/api/table-row.md @@ -47,7 +47,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTableRow`. ## Demos diff --git a/pages/api/table-sort-label.md b/pages/api/table-sort-label.md index db7f3d9e5a33d2..1658ef1e8204c7 100644 --- a/pages/api/table-sort-label.md +++ b/pages/api/table-sort-label.md @@ -47,7 +47,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTableSortLabel`. ## Inheritance diff --git a/pages/api/table.md b/pages/api/table.md index 889d5b399cd516..078870acca8050 100644 --- a/pages/api/table.md +++ b/pages/api/table.md @@ -41,7 +41,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTable`. ## Demos diff --git a/pages/api/tabs.md b/pages/api/tabs.md index cdcf0f82c6200f..4d4a060f784bd3 100644 --- a/pages/api/tabs.md +++ b/pages/api/tabs.md @@ -59,7 +59,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTabs`. ## Demos diff --git a/pages/api/text-field.md b/pages/api/text-field.md index 15d9740428fe8a..ea391973caddbe 100644 --- a/pages/api/text-field.md +++ b/pages/api/text-field.md @@ -20,10 +20,10 @@ It cannot be all things to all people, otherwise the API would grow out of contr It's important to understand that the text field is a simple abstraction on top of the following components: -- [FormControl](/api/form-control) -- [InputLabel](/api/input-label) -- [Input](/api/input) -- [FormHelperText](/api/form-helper-text) +- [FormControl](/api/form-control/) +- [InputLabel](/api/input-label/) +- [Input](/api/input/) +- [FormHelperText](/api/form-helper-text/) If you wish to alter the properties applied to the native input, you can do so as follows: @@ -49,11 +49,11 @@ For advanced cases, please look at the source of TextField by clicking on the | defaultValue | union: string |
     number
    |   | The default value of the `Input` element. | | disabled | bool |   | If `true`, the input will be disabled. | | error | bool |   | If `true`, the label will be displayed in an error state. | -| FormHelperTextProps | object |   | Properties applied to the [`FormHelperText`](/api/form-helper-text) element. | +| FormHelperTextProps | object |   | Properties applied to the [`FormHelperText`](/api/form-helper-text/) element. | | fullWidth | bool |   | If `true`, the input will take up the full width of its container. | | helperText | node |   | The helper text content. | | id | string |   | The id of the `input` element. Use that property to make `label` and `helperText` accessible for screen readers. | -| InputLabelProps | object |   | Properties applied to the [`InputLabel`](/api/input-label) element. | +| InputLabelProps | object |   | Properties applied to the [`InputLabel`](/api/input-label/) element. | | InputProps | object |   | Properties applied to the `Input` element. | | inputProps | object |   | Attributes applied to the native `input` element. | | inputRef | union: func |
     object
    |   | Use that property to pass a ref callback to the native input component. | @@ -67,7 +67,7 @@ For advanced cases, please look at the source of TextField by clicking on the | rows | union: string |
     number
    |   | Number of rows to display when multiline option is set to true. | | rowsMax | union: string |
     number
    |   | Maximum number of rows to display when multiline option is set to true. | | select | bool | false | Render a `Select` element while passing the `Input` element to `Select` as `input` parameter. If this option is set you must pass the options of the select as children. | -| SelectProps | object |   | Properties applied to the [`Select`](/api/select) element. | +| SelectProps | object |   | Properties applied to the [`Select`](/api/select/) element. | | type | string |   | Type attribute of the `Input` element. It should be a valid HTML5 input type. | | value | union: string |
     number |
     bool |
     arrayOf
    |   | The value of the `Input` element, required for a controlled component. | | variant | enum: 'standard' |
     'outlined' |
     'filled'
    | 'standard' | The variant to use. | diff --git a/pages/api/toolbar.md b/pages/api/toolbar.md index d322da86f441fd..bf9f6be96a7274 100644 --- a/pages/api/toolbar.md +++ b/pages/api/toolbar.md @@ -44,7 +44,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiToolbar`. ## Demos diff --git a/pages/api/tooltip.md b/pages/api/tooltip.md index b7c99fcee625e9..007c48a3719799 100644 --- a/pages/api/tooltip.md +++ b/pages/api/tooltip.md @@ -61,7 +61,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTooltip`. ## Demos diff --git a/pages/api/touch-ripple.md b/pages/api/touch-ripple.md index 66b834bfdedbcc..5ff74aa5364485 100644 --- a/pages/api/touch-ripple.md +++ b/pages/api/touch-ripple.md @@ -45,6 +45,6 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTouchRipple`. diff --git a/pages/api/typography.md b/pages/api/typography.md index 200b27ff33a59a..a594eab42ffe8b 100644 --- a/pages/api/typography.md +++ b/pages/api/typography.md @@ -72,7 +72,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTypography`. ## Demos diff --git a/pages/lab/api/slider.md b/pages/lab/api/slider.md index 6a4834e1867c28..10ec6270aff032 100644 --- a/pages/lab/api/slider.md +++ b/pages/lab/api/slider.md @@ -61,7 +61,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSlider`. ## Demos diff --git a/pages/lab/api/speed-dial-action.md b/pages/lab/api/speed-dial-action.md index 69c3970383a90d..96dc9b7ab6082d 100644 --- a/pages/lab/api/speed-dial-action.md +++ b/pages/lab/api/speed-dial-action.md @@ -19,7 +19,7 @@ import SpeedDialAction from '@material-ui/lab/SpeedDialAction'; | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| -| ButtonProps | object |   | Properties applied to the [`Button`](/api/button) component. | +| ButtonProps | object |   | Properties applied to the [`Button`](/api/button/) component. | | classes | object |   | Useful to extend the style applied to components. | | delay | number | 0 | Adds a transition delay, to allow a series of SpeedDialActions to be animated. | | icon * | node |   | The Icon to display in the SpeedDial Floating Action Button. | @@ -46,7 +46,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSpeedDialAction`. ## Demos diff --git a/pages/lab/api/speed-dial-icon.md b/pages/lab/api/speed-dial-icon.md index 49c5c639b9ba09..d44b0ce312e83f 100644 --- a/pages/lab/api/speed-dial-icon.md +++ b/pages/lab/api/speed-dial-icon.md @@ -45,7 +45,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSpeedDialIcon`. ## Demos diff --git a/pages/lab/api/speed-dial.md b/pages/lab/api/speed-dial.md index 1c77b102e7b7a9..ff90df695c1aff 100644 --- a/pages/lab/api/speed-dial.md +++ b/pages/lab/api/speed-dial.md @@ -20,7 +20,7 @@ import SpeedDial from '@material-ui/lab/SpeedDial'; | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | ariaLabel * | string |   | The aria-label of the `Button` element. Also used to provide the `id` for the `SpeedDial` element and its children. | -| ButtonProps | object |   | Properties applied to the [`Button`](/api/button) element. | +| ButtonProps | object |   | Properties applied to the [`Button`](/api/button/) element. | | children * | node |   | SpeedDialActions to display when the SpeedDial is `open`. | | classes | object |   | Override or extend the styles applied to the component. See [CSS API](#css-api) below for more details. | | direction | enum: 'up' |
     'down' |
     'left' |
     'right'
    | 'up' | The direction the actions open relative to the floating action button. | @@ -57,7 +57,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiSpeedDial`. ## Demos diff --git a/pages/lab/api/toggle-button-group.md b/pages/lab/api/toggle-button-group.md index 3d74618223fed0..05e51dd8a88b0a 100644 --- a/pages/lab/api/toggle-button-group.md +++ b/pages/lab/api/toggle-button-group.md @@ -44,7 +44,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiToggleButtonGroup`. ## Demos diff --git a/pages/lab/api/toggle-button.md b/pages/lab/api/toggle-button.md index bd52d1ce0bb10a..5ca01d056a7085 100644 --- a/pages/lab/api/toggle-button.md +++ b/pages/lab/api/toggle-button.md @@ -47,7 +47,7 @@ and the [implementation of the component](https://github.com/mui-org/material-ui for more detail. If using the `overrides` key of the theme as documented -[here](/customization/themes#customizing-all-instances-of-a-component-type), +[here](/customization/themes/#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiToggleButton`. ## Inheritance