diff --git a/docs/src/modules/components/Demo.js b/docs/src/modules/components/Demo.js index 0b7950d11c28bb..be0520a4ac661e 100644 --- a/docs/src/modules/components/Demo.js +++ b/docs/src/modules/components/Demo.js @@ -84,13 +84,13 @@ const styles = theme => ({ padding: theme.spacing(3), }, }, - demoHiddenHeader: { + demoHiddenToolbar: { paddingTop: theme.spacing(2), [theme.breakpoints.up('sm')]: { paddingTop: theme.spacing(3), }, }, - header: { + toolbar: { display: 'none', [theme.breakpoints.up('sm')]: { display: 'flex', @@ -101,7 +101,7 @@ const styles = theme => ({ }, justifyContent: 'space-between', }, - headerButtons: { + toolbarButtons: { margin: '2px 0', }, code: { @@ -152,6 +152,21 @@ function getDemoData(codeVariant, demo, githubLocation) { }; } +// TODO: replace with React.useOpaqueReference if it is released +function useUniqueId(prefix) { + // useOpaqueReference + const [id, setDemoId] = React.useState(null); + React.useEffect(() => { + setDemoId( + Math.random() + .toString(36) + .slice(2), + ); + }, []); + + return `${prefix}${id}`; +} + function Demo(props) { const { classes, demo, demoOptions, githubLocation } = props; const dispatch = useDispatch(); @@ -309,7 +324,7 @@ function Demo(props) { const jsx = getJsxPreview(demoData.raw || ''); const showPreview = - !demoOptions.hideHeader && + !demoOptions.hideToolbar && demoOptions.defaultCodeOpen !== false && jsx !== demoData.raw && jsx.split(/\n/).length <= 17; @@ -321,11 +336,14 @@ function Demo(props) { showCodeLabel = showPreview ? t('showFullSource') : t('showSource'); } + const demoSourceId = useUniqueId(`demo-`); + const openDemoSource = codeOpen || showPreview; + return (
- {demoOptions.hideHeader ? null : ( -
+ {demoOptions.hideToolbar ? null : ( +
-
+
)} - + diff --git a/docs/src/pages/components/badges/badges-de.md b/docs/src/pages/components/badges/badges-de.md index 9fd3a2c743a20a..7514aed5180436 100644 --- a/docs/src/pages/components/badges/badges-de.md +++ b/docs/src/pages/components/badges/badges-de.md @@ -51,4 +51,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/badges/badges-es.md b/docs/src/pages/components/badges/badges-es.md index 228d4dde4ad673..784664bd23a784 100644 --- a/docs/src/pages/components/badges/badges-es.md +++ b/docs/src/pages/components/badges/badges-es.md @@ -51,4 +51,4 @@ Usted puede usar la propiedad `overlap` para establecer el Badge relativo a la e Usted puede usar la propiedad `anchorOrigin` para mover el Badge a cualquier esquina del elemento envuelto. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/badges/badges-fr.md b/docs/src/pages/components/badges/badges-fr.md index de8ec9b4baf9e4..39d4e6d3a3f2c5 100644 --- a/docs/src/pages/components/badges/badges-fr.md +++ b/docs/src/pages/components/badges/badges-fr.md @@ -51,4 +51,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/badges/badges-ja.md b/docs/src/pages/components/badges/badges-ja.md index 3bed2570439d74..637be163b2f9b2 100644 --- a/docs/src/pages/components/badges/badges-ja.md +++ b/docs/src/pages/components/badges/badges-ja.md @@ -51,4 +51,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/badges/badges-pt.md b/docs/src/pages/components/badges/badges-pt.md index 50b8504f367cae..321d4c82fb91e6 100644 --- a/docs/src/pages/components/badges/badges-pt.md +++ b/docs/src/pages/components/badges/badges-pt.md @@ -51,4 +51,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/badges/badges-ru.md b/docs/src/pages/components/badges/badges-ru.md index a267bf50dd3589..42b5be97615baf 100644 --- a/docs/src/pages/components/badges/badges-ru.md +++ b/docs/src/pages/components/badges/badges-ru.md @@ -51,4 +51,4 @@ components: Badge Вы можете использовать проп `anchorOrigin` для перемещения значка в любой угол элемента. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/badges/badges-zh.md b/docs/src/pages/components/badges/badges-zh.md index 5466679e74740f..13ad4c92c0a6ec 100644 --- a/docs/src/pages/components/badges/badges-zh.md +++ b/docs/src/pages/components/badges/badges-zh.md @@ -51,4 +51,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/badges/badges.md b/docs/src/pages/components/badges/badges.md index 5738aec5e2eb45..a1716bbc3f7d96 100644 --- a/docs/src/pages/components/badges/badges.md +++ b/docs/src/pages/components/badges/badges.md @@ -51,4 +51,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} diff --git a/docs/src/pages/components/chips/chips-de.md b/docs/src/pages/components/chips/chips-de.md index 062ea2d0915836..e5da9443a2a1f2 100644 --- a/docs/src/pages/components/chips/chips-de.md +++ b/docs/src/pages/components/chips/chips-de.md @@ -46,8 +46,8 @@ Sie können die Requisite `size` verwenden, um einen kleinen Chip zu definieren. ## Chip Spielwiese -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## Barrierefreiheit -If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. \ No newline at end of file +If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. diff --git a/docs/src/pages/components/chips/chips-es.md b/docs/src/pages/components/chips/chips-es.md index a2e1bdc9ba78d3..afb663e73d2ec8 100644 --- a/docs/src/pages/components/chips/chips-es.md +++ b/docs/src/pages/components/chips/chips-es.md @@ -46,8 +46,8 @@ You can use the `size` prop to define a small Chip. ## Chip Playground -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## Accesibilidad -If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. \ No newline at end of file +If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. diff --git a/docs/src/pages/components/chips/chips-fr.md b/docs/src/pages/components/chips/chips-fr.md index 2b9a648df230b3..ed0ea2bc641456 100644 --- a/docs/src/pages/components/chips/chips-fr.md +++ b/docs/src/pages/components/chips/chips-fr.md @@ -46,8 +46,8 @@ You can use the `size` prop to define a small Chip. ## Terrain de jeu de puce -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## Accessibilité -If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. \ No newline at end of file +If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. diff --git a/docs/src/pages/components/chips/chips-ja.md b/docs/src/pages/components/chips/chips-ja.md index 66e5cf72486f8c..81e11f168ddb0f 100644 --- a/docs/src/pages/components/chips/chips-ja.md +++ b/docs/src/pages/components/chips/chips-ja.md @@ -46,8 +46,8 @@ Outlined chipsは代替スタイルを提供します。 ## Chip Playground -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## アクセシビリティ -If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. \ No newline at end of file +If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. diff --git a/docs/src/pages/components/chips/chips-pt.md b/docs/src/pages/components/chips/chips-pt.md index 534bd799e1f0e5..6468696ec12b4e 100644 --- a/docs/src/pages/components/chips/chips-pt.md +++ b/docs/src/pages/components/chips/chips-pt.md @@ -46,8 +46,8 @@ Você pode usar a propriedade `size` para definir um Chip pequeno. ## Chip - Live Demo -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## Acessibilidade -If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. \ No newline at end of file +If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. diff --git a/docs/src/pages/components/chips/chips-ru.md b/docs/src/pages/components/chips/chips-ru.md index e796b3c8ad9b6f..2bc354194aac6c 100644 --- a/docs/src/pages/components/chips/chips-ru.md +++ b/docs/src/pages/components/chips/chips-ru.md @@ -46,8 +46,8 @@ components: Chip ## Песочница -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## Доступность -If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. \ No newline at end of file +If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. diff --git a/docs/src/pages/components/chips/chips-zh.md b/docs/src/pages/components/chips/chips-zh.md index 11267e692fb59c..c6b592ab0e7c2e 100644 --- a/docs/src/pages/components/chips/chips-zh.md +++ b/docs/src/pages/components/chips/chips-zh.md @@ -46,8 +46,8 @@ components: Chip ## 在线编译纸片组件 -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## 可访问性 -If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. \ No newline at end of file +If the Chip is deletable or clickable then it is a button in tab order. When the Chip is focused (e.g. when tabbing) releasing (`keyup` event) `Backspace` or `Delete` will call the `onDelete` handler while releasing `Escape` will blur the Chip. diff --git a/docs/src/pages/components/chips/chips.md b/docs/src/pages/components/chips/chips.md index 5121fbe731b82e..4c66d40f2bc4a6 100644 --- a/docs/src/pages/components/chips/chips.md +++ b/docs/src/pages/components/chips/chips.md @@ -54,7 +54,7 @@ You can use the `size` prop to define a small Chip. ## Chip Playground -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} ## Accessibility diff --git a/docs/src/pages/components/grid/grid-de.md b/docs/src/pages/components/grid/grid-de.md index d268d8c4f53ff3..1bf15ce2cbc296 100644 --- a/docs/src/pages/components/grid/grid-de.md +++ b/docs/src/pages/components/grid/grid-de.md @@ -49,7 +49,7 @@ Für einige Spalten sind mehrere Breiten definiert, wodurch sich das Layout am d Nachfolgend finden Sie eine interaktive Demo, mit der Sie die visuellen Ergebnisse der verschiedenen Einstellungen untersuchen können: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Automatisches Layout @@ -120,4 +120,4 @@ Obwohl die `Grid-` Komponente eine `direction-` Eigenschaft hat, die Werte von ` Die Material-UI bietet selbst keine CSS-Grid-Funktionalität. Wie Sie jedoch unten sehen, können Sie CSS-Grid einfach zum Layout Ihrer Seiten hinzufügen. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} \ No newline at end of file +{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} diff --git a/docs/src/pages/components/grid/grid-es.md b/docs/src/pages/components/grid/grid-es.md index 91e60a55f4e190..5f551454656fcc 100644 --- a/docs/src/pages/components/grid/grid-es.md +++ b/docs/src/pages/components/grid/grid-es.md @@ -49,7 +49,7 @@ Algunas columnas tienen varios anchos definidos, causando que el layout cambie e Debajo de esta línea hay una demostración interactiva que permite explorar el resultado visual de las distintas configuraciones: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Auto-layout @@ -120,4 +120,4 @@ Though the `Grid` component has a `direction` property that allows values of `ro Material-UI doesn't provide any CSS Grid functionality itself, but as seen below you can easily use CSS Grid to layout your pages. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} \ No newline at end of file +{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} diff --git a/docs/src/pages/components/grid/grid-fr.md b/docs/src/pages/components/grid/grid-fr.md index 1cc33ab7c860e6..30fc87cdca8a97 100644 --- a/docs/src/pages/components/grid/grid-fr.md +++ b/docs/src/pages/components/grid/grid-fr.md @@ -49,7 +49,7 @@ Plusieurs colonnes ont plusieurs largeurs définies, ce qui entraîne une modifi Vous trouverez ci-dessous une démo interactive vous permettant d'explorer les résultats visuels des différents paramètres: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Mise en page automatique @@ -120,4 +120,4 @@ Bien que le composant `Grid` ait une propriété `direction` qui autorise les va Material-UI ne fournit aucune fonctionnalité de grille CSS, mais comme illustré ci-dessous, vous pouvez facilement utiliser CSS Grid pour mettre en page vos pages. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} \ No newline at end of file +{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} diff --git a/docs/src/pages/components/grid/grid-ja.md b/docs/src/pages/components/grid/grid-ja.md index 699590ca2a925e..1a7290ad1fc7ca 100644 --- a/docs/src/pages/components/grid/grid-ja.md +++ b/docs/src/pages/components/grid/grid-ja.md @@ -49,7 +49,7 @@ Fluid gridsでは、コンテンツの尺度とサイズを変更する列を使 以下は、さまざまな設定の視覚的な結果を調べることができるインタラクティブなデモです。 -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## 自動レイアウト @@ -120,4 +120,4 @@ https://www.w3.org/TR/css-flexbox-1/#box-model Material-UI自体はCSSグリッド機能自体を提供しませんが、以下に示すように、CSSグリッドを使用してページをレイアウトすることは簡単にできます。 -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} \ No newline at end of file +{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} diff --git a/docs/src/pages/components/grid/grid-pt.md b/docs/src/pages/components/grid/grid-pt.md index 1c423c62f98b3f..2640f7e70be42d 100644 --- a/docs/src/pages/components/grid/grid-pt.md +++ b/docs/src/pages/components/grid/grid-pt.md @@ -49,7 +49,7 @@ Algumas colunas têm várias larguras definidas, fazendo com que o leiaute seja Abaixo está uma demonstração interativa que permite explorar os resultados visuais das diferentes configurações: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Leiaute Automático @@ -120,4 +120,4 @@ Embora o componente `Grid` tenha uma propriedade `direction` que permite valores Material-UI não fornece nenhuma funcionalidade CSS de Grade, mas como pode ser visto abaixo, você pode facilmente usar leiaute de Grade CSS em suas páginas. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} \ No newline at end of file +{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} diff --git a/docs/src/pages/components/grid/grid-ru.md b/docs/src/pages/components/grid/grid-ru.md index e80f8045555b1b..57cb0f7bb7f25f 100644 --- a/docs/src/pages/components/grid/grid-ru.md +++ b/docs/src/pages/components/grid/grid-ru.md @@ -49,7 +49,7 @@ components: Grid Ниже приведен интерактивный пример, который демонстрирует результаты различных настроек сетки: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Авто-разметка @@ -120,4 +120,4 @@ https://www.w3.org/TR/css-flexbox-1/#box-model Material UI сам по себе не предоставляет никакой функциональности CSS Grid, но, как видно ниже, вы можете легко использовать CSS Grid в макете страницы. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} \ No newline at end of file +{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} diff --git a/docs/src/pages/components/grid/grid-zh.md b/docs/src/pages/components/grid/grid-zh.md index 8ed44fb48fd668..5a5a0d4077065e 100644 --- a/docs/src/pages/components/grid/grid-zh.md +++ b/docs/src/pages/components/grid/grid-zh.md @@ -49,7 +49,7 @@ components: Grid 下面是一个交互式的演示，您可让探索不同设置下的视觉结果： -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## 自动布局 @@ -120,4 +120,4 @@ https://www.w3.org/TR/css-flexbox-1/#box-model Material-UI 本身不提供任何 CSS Grid 功能，但如下所示，您可以轻松使用 CSS Grid 来布局您的页面。 -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} \ No newline at end of file +{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} diff --git a/docs/src/pages/components/grid/grid.md b/docs/src/pages/components/grid/grid.md index f38ae4e2816a43..8ee2ea34365233 100644 --- a/docs/src/pages/components/grid/grid.md +++ b/docs/src/pages/components/grid/grid.md @@ -53,7 +53,7 @@ Some columns have multiple widths defined, causing the layout to change at the d Below is an interactive demo that lets you explore the visual results of the different settings: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Auto-layout diff --git a/docs/src/pages/components/material-icons/material-icons-de.md b/docs/src/pages/components/material-icons/material-icons-de.md index 5bfa7ce522ba70..e378d2f293eb9f 100644 --- a/docs/src/pages/components/material-icons/material-icons-de.md +++ b/docs/src/pages/components/material-icons/material-icons-de.md @@ -9,6 +9,6 @@ components: Icon, SvgIcon The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} -ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". \ No newline at end of file +ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". diff --git a/docs/src/pages/components/material-icons/material-icons-es.md b/docs/src/pages/components/material-icons/material-icons-es.md index ad8cab3f3e11b6..2442c68226149b 100644 --- a/docs/src/pages/components/material-icons/material-icons-es.md +++ b/docs/src/pages/components/material-icons/material-icons-es.md @@ -9,6 +9,6 @@ components: Icon, SvgIcon The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} -ℹ️ La búsqueda admite sinónimos. Intente buscar "hamburger" o "logout". \ No newline at end of file +ℹ️ La búsqueda admite sinónimos. Intente buscar "hamburger" o "logout". diff --git a/docs/src/pages/components/material-icons/material-icons-fr.md b/docs/src/pages/components/material-icons/material-icons-fr.md index b2dfd0f1997bf3..47373ebcba995e 100644 --- a/docs/src/pages/components/material-icons/material-icons-fr.md +++ b/docs/src/pages/components/material-icons/material-icons-fr.md @@ -9,6 +9,6 @@ components: Icones, SvgIcon The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} -La recherche inclut les synonymes. Essayez de chercher "hamburger" ou "déconnexion". \ No newline at end of file +La recherche inclut les synonymes. Essayez de chercher "hamburger" ou "déconnexion". diff --git a/docs/src/pages/components/material-icons/material-icons-ja.md b/docs/src/pages/components/material-icons/material-icons-ja.md index 59900a90762108..dc30ba408aafe4 100644 --- a/docs/src/pages/components/material-icons/material-icons-ja.md +++ b/docs/src/pages/components/material-icons/material-icons-ja.md @@ -9,6 +9,6 @@ components: Icon, SvgIcon The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} -ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". \ No newline at end of file +ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". diff --git a/docs/src/pages/components/material-icons/material-icons-pt.md b/docs/src/pages/components/material-icons/material-icons-pt.md index e0cd4ee64c5c59..60e2da616e4580 100644 --- a/docs/src/pages/components/material-icons/material-icons-pt.md +++ b/docs/src/pages/components/material-icons/material-icons-pt.md @@ -9,6 +9,6 @@ components: Icon, SvgIcon The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} -ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". \ No newline at end of file +ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". diff --git a/docs/src/pages/components/material-icons/material-icons-ru.md b/docs/src/pages/components/material-icons/material-icons-ru.md index 5bfa7ce522ba70..e378d2f293eb9f 100644 --- a/docs/src/pages/components/material-icons/material-icons-ru.md +++ b/docs/src/pages/components/material-icons/material-icons-ru.md @@ -9,6 +9,6 @@ components: Icon, SvgIcon The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} -ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". \ No newline at end of file +ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". diff --git a/docs/src/pages/components/material-icons/material-icons-zh.md b/docs/src/pages/components/material-icons/material-icons-zh.md index e2240cec6208db..d7e47ef773429b 100644 --- a/docs/src/pages/components/material-icons/material-icons-zh.md +++ b/docs/src/pages/components/material-icons/material-icons-zh.md @@ -9,6 +9,6 @@ components: Icon, SvgIcon The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} -词组支持同义词。 尝试搜索"hamburger"或"logout"。 \ No newline at end of file +词组支持同义词。 尝试搜索"hamburger"或"logout"。 diff --git a/docs/src/pages/components/material-icons/material-icons.md b/docs/src/pages/components/material-icons/material-icons.md index 9f23f1e4204b7a..09ab5cddddc19b 100644 --- a/docs/src/pages/components/material-icons/material-icons.md +++ b/docs/src/pages/components/material-icons/material-icons.md @@ -11,6 +11,6 @@ The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. -{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/material-icons/SearchIcons.js", "hideToolbar": true, "bg": true}} ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". diff --git a/docs/src/pages/components/popover/popover-de.md b/docs/src/pages/components/popover/popover-de.md index c830aa3b4150aa..cbcf6da9513b68 100644 --- a/docs/src/pages/components/popover/popover-de.md +++ b/docs/src/pages/components/popover/popover-de.md @@ -20,7 +20,7 @@ Wissenswertes zur Verwendung der Komponente `Popover`: Verwenden Sie die Optionsfelder, um die Positionen des `AnkerOrigin` und des `TransformationOrigin` anzupassen. Sie können auch die `anchorReference` auf `anchorPosition` oder `anchorEl` setzen. Wenn `anchorPosition` ausgewählt ist, wird die Komponente, anstatt an `anchorEl`, am `anchorPosition` prop gerendert. -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## Maus Interaktionen @@ -36,4 +36,4 @@ Für fortgeschrittenere Anwendungsfälle können Ihnen folgende Projekte helfen: Es gibt ein Drittanbieter-Paket [`Material-Ui-Popup-Status`](https://github.com/jcoreio/material-ui-popup-state), das sich in den meisten Fällen um Popover Status kümmern kann. -{{"demo": "pages/components/popover/PopoverPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popover/PopoverPopupState.js"}} diff --git a/docs/src/pages/components/popover/popover-es.md b/docs/src/pages/components/popover/popover-es.md index 3543e673b4e42f..fc3b93231c1d2f 100644 --- a/docs/src/pages/components/popover/popover-es.md +++ b/docs/src/pages/components/popover/popover-es.md @@ -20,7 +20,7 @@ Things to know when using the `Popover` component: Use the radio buttons to adjust the `anchorOrigin` and `transformOrigin` positions. You can also set the `anchorReference` to `anchorPosition` or `anchorEl`. When it is `anchorPosition`, the component will, instead of `anchorEl`, refer to the `anchorPosition` prop which you can adjust to set the position of the popover. -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## Mouse over interaction @@ -36,4 +36,4 @@ Para usos más avanzados tal vez puedas aprovercharte de: There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popover state for you in most cases. -{{"demo": "pages/components/popover/PopoverPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popover/PopoverPopupState.js"}} diff --git a/docs/src/pages/components/popover/popover-fr.md b/docs/src/pages/components/popover/popover-fr.md index 3f3253ad5c4288..3c5c5222607d85 100644 --- a/docs/src/pages/components/popover/popover-fr.md +++ b/docs/src/pages/components/popover/popover-fr.md @@ -20,7 +20,7 @@ Things to know when using the `Popover` component: Use the radio buttons to adjust the `anchorOrigin` and `transformOrigin` positions. You can also set the `anchorReference` to `anchorPosition` or `anchorEl`. When it is `anchorPosition`, the component will, instead of `anchorEl`, refer to the `anchorPosition` prop which you can adjust to set the position of the popover. -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## Mouse over interaction @@ -36,4 +36,4 @@ Pour des cas d'utilisation plus avancés, vous pourrez peut-être tirer parti de There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popover state for you in most cases. -{{"demo": "pages/components/popover/PopoverPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popover/PopoverPopupState.js"}} diff --git a/docs/src/pages/components/popover/popover-ja.md b/docs/src/pages/components/popover/popover-ja.md index 4bb961a2cc22e0..dc8d166a52c4ba 100644 --- a/docs/src/pages/components/popover/popover-ja.md +++ b/docs/src/pages/components/popover/popover-ja.md @@ -20,7 +20,7 @@ components: Grow, Popover ラジオボタンを使用して、 `anchorOrigin` および `transformOrigin` 位置を調整します。 `anchorReference` を `anchorPosition` または `anchorEl`設定することもできます。 `anchorPosition`の場合、コンポーネントは`anchorEl`の代わりに ポップオーバーの位置を調整する`anchorPosition` >propを参照してください。 -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## マウスオーバー操作 @@ -36,4 +36,4 @@ This demonstrates how to use the `Popover` component to implement a popover beha There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popover state for you in most cases. -{{"demo": "pages/components/popover/PopoverPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popover/PopoverPopupState.js"}} diff --git a/docs/src/pages/components/popover/popover-pt.md b/docs/src/pages/components/popover/popover-pt.md index efb172b9726246..c6e1a9a893fe49 100644 --- a/docs/src/pages/components/popover/popover-pt.md +++ b/docs/src/pages/components/popover/popover-pt.md @@ -20,7 +20,7 @@ Coisas para saber ao usar o componente `Popover`: Use os botões de opção para ajustar as posições `anchorOrigin` e `transformOrigin`. Você também pode definir `anchorReference` para `anchorPosition` ou `anchorEl`. Quando configurado com `anchorPosition`, o componente irá, ao contrário de `anchorEl`, basear se nas propriedades do `anchorPosition`, na qual você pode ajustar para definir a posição do popover. -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## Interação sobre o mouse @@ -36,4 +36,4 @@ Para usos mais avançados, você pode tirar vantagem com: Existe um pacote de terceiros [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) que cuida do estado popover para você na maioria dos casos. -{{"demo": "pages/components/popover/PopoverPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popover/PopoverPopupState.js"}} diff --git a/docs/src/pages/components/popover/popover-ru.md b/docs/src/pages/components/popover/popover-ru.md index 6ed967d2f99603..1c04f663f05eac 100644 --- a/docs/src/pages/components/popover/popover-ru.md +++ b/docs/src/pages/components/popover/popover-ru.md @@ -20,7 +20,7 @@ Things to know when using the `Popover` component: Use the radio buttons to adjust the `anchorOrigin` and `transformOrigin` positions. You can also set the `anchorReference` to `anchorPosition` or `anchorEl`. When it is `anchorPosition`, the component will, instead of `anchorEl`, refer to the `anchorPosition` prop which you can adjust to set the position of the popover. -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## Mouse over interaction @@ -36,4 +36,4 @@ This demonstrates how to use the `Popover` component to implement a popover beha Существует сторонний пакет [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state), который, в большинстве случаев, заботится о состоянии всплывающего меню за вас. -{{"demo": "pages/components/popover/PopoverPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popover/PopoverPopupState.js"}} diff --git a/docs/src/pages/components/popover/popover-zh.md b/docs/src/pages/components/popover/popover-zh.md index 7b7a8620f632c8..76e6262ba99b70 100644 --- a/docs/src/pages/components/popover/popover-zh.md +++ b/docs/src/pages/components/popover/popover-zh.md @@ -20,7 +20,7 @@ components: Grow, Popover 使用单选按钮调整 `anchorOrigin` 和 `transformOrigin` 位置。 您还可以将 `anchorReference` 设置为 `anchorPosition` 或 `anchorEl`。 当它是 `anchorPosition`，该组件将代替 `anchorEl`， 指的是 `anchorPosition` 道具，其可以调整设置 的酥料饼的位置。 -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## 鼠标悬停在互动上 @@ -36,4 +36,4 @@ This demonstrates how to use the `Popover` component to implement a popover beha 在大多数情况下，一个第三方包 [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) 可以为你处理popper 的 state 。 -{{"demo": "pages/components/popover/PopoverPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popover/PopoverPopupState.js"}} diff --git a/docs/src/pages/components/popover/popover.md b/docs/src/pages/components/popover/popover.md index 969f9f420b52c3..6b69fcb56907ca 100644 --- a/docs/src/pages/components/popover/popover.md +++ b/docs/src/pages/components/popover/popover.md @@ -24,7 +24,7 @@ When it is `anchorPosition`, the component will, instead of `anchorEl`, refer to the `anchorPosition` prop which you can adjust to set the position of the popover. -{{"demo": "pages/components/popover/AnchorPlayground.js", "hideHeader": true}} +{{"demo": "pages/components/popover/AnchorPlayground.js", "hideToolbar": true}} ## Mouse over interaction diff --git a/docs/src/pages/components/popper/popper-de.md b/docs/src/pages/components/popper/popper-de.md index efaca826db7e3f..eb8e97678e9353 100644 --- a/docs/src/pages/components/popper/popper-de.md +++ b/docs/src/pages/components/popper/popper-de.md @@ -43,7 +43,7 @@ Alternativ können Sie [react-spring](https://github.com/react-spring/react-spri ## Blätter Spielplatz -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## Gefälschtes Referenzobjekt @@ -61,4 +61,4 @@ Für fortgeschrittenere Anwendungsfälle können Ihnen folgende Projekte helfen: Es gibt ein Drittanbieter-Paket [`Material-Ui-Popup-Status`](https://github.com/jcoreio/material-ui-popup-state), das sich in den meisten Fällen um Popper Status kümmern kann. -{{"demo": "pages/components/popper/PopperPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popper/PopperPopupState.js"}} diff --git a/docs/src/pages/components/popper/popper-es.md b/docs/src/pages/components/popper/popper-es.md index 1a0b59259e8388..30f5bd5f110cfd 100644 --- a/docs/src/pages/components/popper/popper-es.md +++ b/docs/src/pages/components/popper/popper-es.md @@ -43,7 +43,7 @@ Como alternativa, puedes usar [react-spring](https://github.com/react-spring/rea ## Scroll playground -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## Faked reference object @@ -61,4 +61,4 @@ Para usos más avanzados tal vez puedas aprovercharte de: There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popper state for you in most cases. -{{"demo": "pages/components/popper/PopperPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popper/PopperPopupState.js"}} diff --git a/docs/src/pages/components/popper/popper-fr.md b/docs/src/pages/components/popper/popper-fr.md index 9ab39d541300ff..371671629996fe 100644 --- a/docs/src/pages/components/popper/popper-fr.md +++ b/docs/src/pages/components/popper/popper-fr.md @@ -43,7 +43,7 @@ Alternatively, you can use [react-spring](https://github.com/react-spring/react- ## Scroll playground -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## Faked reference object @@ -61,4 +61,4 @@ Pour des cas d'utilisation plus avancés, vous pourrez peut-être tirer parti de There is a 3rd party package [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) that takes care of popper state for you in most cases. -{{"demo": "pages/components/popper/PopperPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popper/PopperPopupState.js"}} diff --git a/docs/src/pages/components/popper/popper-ja.md b/docs/src/pages/components/popper/popper-ja.md index 87c25256bf89e2..567b9ffea3d22d 100644 --- a/docs/src/pages/components/popper/popper-ja.md +++ b/docs/src/pages/components/popper/popper-ja.md @@ -43,7 +43,7 @@ Alternatively, you can use [react-spring](https://github.com/react-spring/react- ## Scroll playground -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## 偽の参照オブジェクト @@ -61,4 +61,4 @@ Alternatively, you can use [react-spring](https://github.com/react-spring/react- サードパーティ製のパッケージ [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) があり、ほとんどの場合、popperの状態を管理してくれます。 -{{"demo": "pages/components/popper/PopperPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popper/PopperPopupState.js"}} diff --git a/docs/src/pages/components/popper/popper-pt.md b/docs/src/pages/components/popper/popper-pt.md index eea4ce2f297e06..08196a1b521068 100644 --- a/docs/src/pages/components/popper/popper-pt.md +++ b/docs/src/pages/components/popper/popper-pt.md @@ -43,7 +43,7 @@ Como alternativa, você pode usar [react-spring](https://github.com/react-spring ## Rolagem - Exemplo interativo -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## Objeto de referência falsificado @@ -61,4 +61,4 @@ Para usos mais avançados, você pode tirar vantagem com: Existe um pacote de terceiros [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) que cuida do estado popover para você na maioria dos casos. -{{"demo": "pages/components/popper/PopperPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popper/PopperPopupState.js"}} diff --git a/docs/src/pages/components/popper/popper-ru.md b/docs/src/pages/components/popper/popper-ru.md index 0853c1197b91b7..5115bae8920a91 100644 --- a/docs/src/pages/components/popper/popper-ru.md +++ b/docs/src/pages/components/popper/popper-ru.md @@ -43,7 +43,7 @@ Alternatively, you can use [react-spring](https://github.com/react-spring/react- ## Scroll playground -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## Faked reference object @@ -61,4 +61,4 @@ Highlight part of the text to see the popper: Существует сторонний пакет [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state), который, в большинстве случаев, заботится о состоянии всплывающего меню за вас. -{{"demo": "pages/components/popper/PopperPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popper/PopperPopupState.js"}} diff --git a/docs/src/pages/components/popper/popper-zh.md b/docs/src/pages/components/popper/popper-zh.md index c165e8b2d5797f..2280780c0389d5 100644 --- a/docs/src/pages/components/popper/popper-zh.md +++ b/docs/src/pages/components/popper/popper-zh.md @@ -43,7 +43,7 @@ Alternatively, you can use [react-spring](https://github.com/react-spring/react- ## Scroll playground -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## Faked reference object @@ -61,4 +61,4 @@ Highlight part of the text to see the popper: 在大多数情况下，一个第三方包 [`material-ui-popup-state`](https://github.com/jcoreio/material-ui-popup-state) 可以为你处理popper 的 state 。 -{{"demo": "pages/components/popper/PopperPopupState.js"}} \ No newline at end of file +{{"demo": "pages/components/popper/PopperPopupState.js"}} diff --git a/docs/src/pages/components/popper/popper.md b/docs/src/pages/components/popper/popper.md index 02c7def149952b..72d76bf9dcc54c 100644 --- a/docs/src/pages/components/popper/popper.md +++ b/docs/src/pages/components/popper/popper.md @@ -48,7 +48,7 @@ Alternatively, you can use [react-spring](https://github.com/react-spring/react- ## Scroll playground -{{"demo": "pages/components/popper/ScrollPlayground.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/components/popper/ScrollPlayground.js", "hideToolbar": true, "bg": true}} ## Faked reference object diff --git a/docs/src/pages/customization/color/color-de.md b/docs/src/pages/customization/color/color-de.md index c7a8df7287c66b..6f23f76a42406a 100644 --- a/docs/src/pages/customization/color/color-de.md +++ b/docs/src/pages/customization/color/color-de.md @@ -41,13 +41,13 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## Farbwerkzeug Um ein [ material.io/design/color ](https://material.io/design/color/) Farbschema mittels der Material-UI Dokumentation zu testen, wählen Sie die Farben mittels der Palette und der Regler weiter unten aus. Alternativ können Sie Hex-Werte in die Felder Primärer und Sekundärer Text eingeben. -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): @@ -104,4 +104,4 @@ const theme = createMuiTheme({ - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): Is an online tool for creating Material-UI themes via Material Design Color Tool. - [material-ui-theme-editor](https://in-your-saas.github.io/material-ui-theme-editor/): A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview. -- [Material palette generator](https://material.io/inline-tools/color/): Mit dem Material-Palettengenerator können Sie eine Palette für jede von Ihnen eingegebene Farbe erstellen. \ No newline at end of file +- [Material palette generator](https://material.io/inline-tools/color/): Mit dem Material-Palettengenerator können Sie eine Palette für jede von Ihnen eingegebene Farbe erstellen. diff --git a/docs/src/pages/customization/color/color-es.md b/docs/src/pages/customization/color/color-es.md index 4c296b24cc4552..309968dba2fbec 100644 --- a/docs/src/pages/customization/color/color-es.md +++ b/docs/src/pages/customization/color/color-es.md @@ -41,13 +41,13 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## Herramienta de color Para probar un esquema de color [material.io/design/color](https://material.io/design/color/) con la documentación de Material-UI, simplemente se pueden seleccionar los colores usando la paleta y los sliders de abajo. Como alternativa, se pueden escribir valores hexadecimales en los campos de text Primary (color primario) y Secondary (color secundario). -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): @@ -104,4 +104,4 @@ const theme = createMuiTheme({ - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): Is an online tool for creating Material-UI themes via Material Design Color Tool. - [material-ui-theme-editor](https://in-your-saas.github.io/material-ui-theme-editor/): A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview. -- [Material palette generator](https://material.io/inline-tools/color/): The Material palette generator can be used to generate a palette for any color you input. \ No newline at end of file +- [Material palette generator](https://material.io/inline-tools/color/): The Material palette generator can be used to generate a palette for any color you input. diff --git a/docs/src/pages/customization/color/color-fr.md b/docs/src/pages/customization/color/color-fr.md index 62a586016e9e65..131ae364f1bf56 100644 --- a/docs/src/pages/customization/color/color-fr.md +++ b/docs/src/pages/customization/color/color-fr.md @@ -41,13 +41,13 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## Color tool To test a [material.io/design/color](https://material.io/design/color/) color scheme with the Material-UI documentation, simply select colors using the palette and sliders below. Alternatively, you can enter hex values in the Primary and Secondary text fields. -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): @@ -104,4 +104,4 @@ const theme = createMuiTheme({ - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): Is an online tool for creating Material-UI themes via Material Design Color Tool. - [material-ui-theme-editor](https://in-your-saas.github.io/material-ui-theme-editor/): A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview. -- [Material palette generator](https://material.io/inline-tools/color/): The Material palette generator can be used to generate a palette for any color you input. \ No newline at end of file +- [Material palette generator](https://material.io/inline-tools/color/): The Material palette generator can be used to generate a palette for any color you input. diff --git a/docs/src/pages/customization/color/color-ja.md b/docs/src/pages/customization/color/color-ja.md index ee5b0297b8298d..cb01fc1e9244ce 100644 --- a/docs/src/pages/customization/color/color-ja.md +++ b/docs/src/pages/customization/color/color-ja.md @@ -41,13 +41,13 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## カラーツール [ material.io/design/colorをテストするには](https://material.io/design/color/) Material-UIのドキュメントの配色では、以下のパレットとスライダーを使用してカラーを選択するだけです。 または、プライマリおよびセカンダリテキストフィールドに16進値を入力できます。 -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): @@ -104,4 +104,4 @@ const theme = createMuiTheme({ - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): Is an online tool for creating Material-UI themes via Material Design Color Tool. - [material-ui-theme-editor](https://in-your-saas.github.io/material-ui-theme-editor/): A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview. -- [マテリアルパレットジェネレータ](https://material.io/inline-tools/color/)　: マテリアルパレットジェネレータを使用して、入力した任意のカラーのパレットを生成できます。 \ No newline at end of file +- [マテリアルパレットジェネレータ](https://material.io/inline-tools/color/)　: マテリアルパレットジェネレータを使用して、入力した任意のカラーのパレットを生成できます。 diff --git a/docs/src/pages/customization/color/color-pt.md b/docs/src/pages/customization/color/color-pt.md index 0c65701cb388a2..15a3c116f1b356 100644 --- a/docs/src/pages/customization/color/color-pt.md +++ b/docs/src/pages/customization/color/color-pt.md @@ -41,13 +41,13 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## Ferramenta de cor Para testar um esquema de cores do [material.io/design/color](https://material.io/design/color/) com a documentação do Material-UI, simplesmente selecione as cores usando a paleta e os controles deslizantes abaixo. Como alternativa, você pode inserir valores hexadecimais nos campos de texto Primário e Secundário. -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): @@ -104,4 +104,4 @@ const theme = createMuiTheme({ - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): É uma ferramenta online para criar temas de Material-UI por meio da ferramenta de cor do Material Design. - [material-ui-tema-editor](https://in-your-saas.github.io/material-ui-theme-editor/): Uma ferramenta para gerar temas para seus aplicativos de Material-UI, basta selecionar as cores e ter uma visualização ao vivo. -- [Material palette generator](https://material.io/inline-tools/color/): O gerador de paleta do Material pode ser usado para gerar uma paleta para qualquer cor que você inserir. \ No newline at end of file +- [Material palette generator](https://material.io/inline-tools/color/): O gerador de paleta do Material pode ser usado para gerar uma paleta para qualquer cor que você inserir. diff --git a/docs/src/pages/customization/color/color-ru.md b/docs/src/pages/customization/color/color-ru.md index 9587d3ffd29ee2..189498b2c38109 100644 --- a/docs/src/pages/customization/color/color-ru.md +++ b/docs/src/pages/customization/color/color-ru.md @@ -41,13 +41,13 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## Инструменты для работы с цветом Используйте палитру и слайдеры, расположенные ниже, чтобы опробовать цветовую схему [material.io/design/color](https://material.io/design/color/) на документации Material-UI. Либо можете ввести шестнадцатеричные значения в текстовые поля Primary и Secondary. -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): @@ -104,4 +104,4 @@ const theme = createMuiTheme({ - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): Is an online tool for creating Material-UI themes via Material Design Color Tool. - [material-ui-theme-editor](https://in-your-saas.github.io/material-ui-theme-editor/): A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview. -- [Material palette generator](https://material.io/inline-tools/color/): Этот инструмент можно использовать для создания палитры на основе любого выбранного цвета. \ No newline at end of file +- [Material palette generator](https://material.io/inline-tools/color/): Этот инструмент можно использовать для создания палитры на основе любого выбранного цвета. diff --git a/docs/src/pages/customization/color/color-zh.md b/docs/src/pages/customization/color/color-zh.md index 8f129fdfaaafd7..3d1c26a42bd9a1 100644 --- a/docs/src/pages/customization/color/color-zh.md +++ b/docs/src/pages/customization/color/color-zh.md @@ -41,13 +41,13 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## 颜色工具 使用Material-UI文档测试[material.io/design/color](https://material.io/design/color/)颜色方案,只需使用下面的调色板和滑块选择颜色. 或者，您可以在“Primary”和“Secondary”文本字段中输入十六进制值。 -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): @@ -104,4 +104,4 @@ const theme = createMuiTheme({ - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): Is an online tool for creating Material-UI themes via Material Design Color Tool. - [material-ui-theme-editor](https://in-your-saas.github.io/material-ui-theme-editor/): A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview. -- [Material调色板生成器](https://material.io/inline-tools/color/)：Material调色板生成器可用于通过您输入的任何颜色生成调色板。 \ No newline at end of file +- [Material调色板生成器](https://material.io/inline-tools/color/)：Material调色板生成器可用于通过您输入的任何颜色生成调色板。 diff --git a/docs/src/pages/customization/color/color.md b/docs/src/pages/customization/color/color.md index feabd022f5140c..3d516f2b3cf40b 100644 --- a/docs/src/pages/customization/color/color.md +++ b/docs/src/pages/customization/color/color.md @@ -45,7 +45,7 @@ import HUE from '@material-ui/core/colors/HUE'; const color = HUE[SHADE]; ``` -{{"demo": "pages/customization/color/Color.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/color/Color.js", "hideToolbar": true, "bg": "inline"}} ## Color tool @@ -53,7 +53,7 @@ To test a [material.io/design/color](https://material.io/design/color/) color sc documentation, simply select colors using the palette and sliders below. Alternatively, you can enter hex values in the Primary and Secondary text fields. -{{"demo": "pages/customization/color/ColorTool.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/customization/color/ColorTool.js", "hideToolbar": true, "bg": true}} The output shown in the color sample can be pasted directly into a [`createMuiTheme()`](/customization/theming/#createmuitheme-options-theme) function (to be used with [`ThemeProvider`](/customization/theming/#theme-provider)): diff --git a/docs/src/pages/customization/default-theme/default-theme-de.md b/docs/src/pages/customization/default-theme/default-theme-de.md index afe8696091b516..d80d6cf5f400bf 100644 --- a/docs/src/pages/customization/default-theme/default-theme-de.md +++ b/docs/src/pages/customization/default-theme/default-theme-de.md @@ -6,8 +6,8 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. -Wenn Sie mehr darüber erfahren möchten, wie das Theme zusammengestellt wird, werfen Sie einen Blick auf [` material-ui / style / createMuiTheme.js `](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), und die zugehörigen Importe, die ` createMuiTheme ` verwendet. \ No newline at end of file +Wenn Sie mehr darüber erfahren möchten, wie das Theme zusammengestellt wird, werfen Sie einen Blick auf [` material-ui / style / createMuiTheme.js `](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), und die zugehörigen Importe, die ` createMuiTheme ` verwendet. diff --git a/docs/src/pages/customization/default-theme/default-theme-es.md b/docs/src/pages/customization/default-theme/default-theme-es.md index 7136de4b7e3475..f6f822a274803b 100644 --- a/docs/src/pages/customization/default-theme/default-theme-es.md +++ b/docs/src/pages/customization/default-theme/default-theme-es.md @@ -6,8 +6,8 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. -Si deseas obtener más información sobre cómo se monta el tema, echa un vistazo a [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), y los imports que utiliza `createMuiTheme`. \ No newline at end of file +Si deseas obtener más información sobre cómo se monta el tema, echa un vistazo a [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), y los imports que utiliza `createMuiTheme`. diff --git a/docs/src/pages/customization/default-theme/default-theme-fr.md b/docs/src/pages/customization/default-theme/default-theme-fr.md index 48bbb227a02ee7..5588f0c3316951 100644 --- a/docs/src/pages/customization/default-theme/default-theme-fr.md +++ b/docs/src/pages/customization/default-theme/default-theme-fr.md @@ -6,8 +6,8 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. -If you want to learn more about how the theme is assembled, take a look at [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), and the related imports which `createMuiTheme` uses. \ No newline at end of file +If you want to learn more about how the theme is assembled, take a look at [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), and the related imports which `createMuiTheme` uses. diff --git a/docs/src/pages/customization/default-theme/default-theme-ja.md b/docs/src/pages/customization/default-theme/default-theme-ja.md index 4ed9b9057bb107..74ae16bfb24e84 100644 --- a/docs/src/pages/customization/default-theme/default-theme-ja.md +++ b/docs/src/pages/customization/default-theme/default-theme-ja.md @@ -6,8 +6,8 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. -テーマについてもっと知りたい場合は、[`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js)又は `createMuiTheme`に関連するものをインポートして使って下さい。 \ No newline at end of file +テーマについてもっと知りたい場合は、[`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js)又は `createMuiTheme`に関連するものをインポートして使って下さい。 diff --git a/docs/src/pages/customization/default-theme/default-theme-pt.md b/docs/src/pages/customization/default-theme/default-theme-pt.md index 5ed8fd1153fa17..34081deaed5d7c 100644 --- a/docs/src/pages/customization/default-theme/default-theme-pt.md +++ b/docs/src/pages/customization/default-theme/default-theme-pt.md @@ -6,8 +6,8 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. -Se você quiser aprender mais sobre como o tema é montado, dê uma olhada em [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), e as importações relacionadas que `createMuiTheme` usa. \ No newline at end of file +Se você quiser aprender mais sobre como o tema é montado, dê uma olhada em [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), e as importações relacionadas que `createMuiTheme` usa. diff --git a/docs/src/pages/customization/default-theme/default-theme-ru.md b/docs/src/pages/customization/default-theme/default-theme-ru.md index 9d368b7bb46bd0..a01621a8e22833 100644 --- a/docs/src/pages/customization/default-theme/default-theme-ru.md +++ b/docs/src/pages/customization/default-theme/default-theme-ru.md @@ -6,8 +6,8 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. -Подробности о структуре темы изнутри можно посмотреть здесь [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), а также изучив зависимости, используемые `createMuiTheme`. \ No newline at end of file +Подробности о структуре темы изнутри можно посмотреть здесь [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js), а также изучив зависимости, используемые `createMuiTheme`. diff --git a/docs/src/pages/customization/default-theme/default-theme-zh.md b/docs/src/pages/customization/default-theme/default-theme-zh.md index be95bd62c4eef3..c7030cf7cc03dc 100644 --- a/docs/src/pages/customization/default-theme/default-theme-zh.md +++ b/docs/src/pages/customization/default-theme/default-theme-zh.md @@ -6,8 +6,8 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, as the `theme` variable is exposed on all the documentation pages. Please note that **the documentation site is using a custom theme**. -如果你想了解更多有关主题是如何组合的信息，请看看 [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js) 和 如何用`createMuiTheme` 导入主题 \ No newline at end of file +如果你想了解更多有关主题是如何组合的信息，请看看 [`material-ui/style/createMuiTheme.js`](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/createMuiTheme.js) 和 如何用`createMuiTheme` 导入主题 diff --git a/docs/src/pages/customization/default-theme/default-theme.md b/docs/src/pages/customization/default-theme/default-theme.md index 62209a223ab7c7..fcf6764125080d 100644 --- a/docs/src/pages/customization/default-theme/default-theme.md +++ b/docs/src/pages/customization/default-theme/default-theme.md @@ -6,7 +6,7 @@ Explore the default theme object: -{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/customization/default-theme/DefaultTheme.js", "hideToolbar": true, "bg": "inline"}} > Tip: you can play with the documentation theme object in your browser console, > as the `theme` variable is exposed on all the documentation pages. diff --git a/docs/src/pages/customization/density/density-de.md b/docs/src/pages/customization/density/density-de.md index a0499c30560dd5..199ce8e9065f3e 100644 --- a/docs/src/pages/customization/density/density-de.md +++ b/docs/src/pages/customization/density/density-de.md @@ -92,4 +92,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/density/density-es.md b/docs/src/pages/customization/density/density-es.md index cf8f1fcc518dac..c7716d3344abee 100644 --- a/docs/src/pages/customization/density/density-es.md +++ b/docs/src/pages/customization/density/density-es.md @@ -92,4 +92,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/density/density-fr.md b/docs/src/pages/customization/density/density-fr.md index 1708c70fa609fa..f1a8137228c099 100644 --- a/docs/src/pages/customization/density/density-fr.md +++ b/docs/src/pages/customization/density/density-fr.md @@ -92,4 +92,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/density/density-ja.md b/docs/src/pages/customization/density/density-ja.md index 375afe356dd23b..3d80f8defdfdb9 100644 --- a/docs/src/pages/customization/density/density-ja.md +++ b/docs/src/pages/customization/density/density-ja.md @@ -92,4 +92,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/density/density-pt.md b/docs/src/pages/customization/density/density-pt.md index e72b87264509b9..0a2eed9d647c45 100644 --- a/docs/src/pages/customization/density/density-pt.md +++ b/docs/src/pages/customization/density/density-pt.md @@ -92,4 +92,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/density/density-ru.md b/docs/src/pages/customization/density/density-ru.md index fb46686996ae16..588f61b2223642 100644 --- a/docs/src/pages/customization/density/density-ru.md +++ b/docs/src/pages/customization/density/density-ru.md @@ -92,4 +92,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/density/density-zh.md b/docs/src/pages/customization/density/density-zh.md index f5b09bc83041e2..0ff787ea40d60f 100644 --- a/docs/src/pages/customization/density/density-zh.md +++ b/docs/src/pages/customization/density/density-zh.md @@ -92,4 +92,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} \ No newline at end of file +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/density/density.md b/docs/src/pages/customization/density/density.md index 3f977c2a393013..4514f92f2e11cc 100644 --- a/docs/src/pages/customization/density/density.md +++ b/docs/src/pages/customization/density/density.md @@ -100,4 +100,4 @@ const theme = createMuiTheme({ }); ``` -{{"demo": "pages/customization/density/DensityTool.js", "hideHeader": true}} +{{"demo": "pages/customization/density/DensityTool.js", "hideToolbar": true}} diff --git a/docs/src/pages/customization/palette/palette-de.md b/docs/src/pages/customization/palette/palette-de.md index 34767b3765012e..ac782c099b42cf 100644 --- a/docs/src/pages/customization/palette/palette-de.md +++ b/docs/src/pages/customization/palette/palette-de.md @@ -17,7 +17,7 @@ Die Standardpalette verwendet die mit `A` (`A200` usw.) gekennzeichneten Schatti Wenn Sie mehr über Farbe erfahren möchten, können Sie sich im [Farbabschnitt](/customization/color/) informeiren. -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### Individuelle Anpassung @@ -114,7 +114,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference @@ -152,4 +152,4 @@ function App() { ## Default values -You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). \ No newline at end of file +You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). diff --git a/docs/src/pages/customization/palette/palette-es.md b/docs/src/pages/customization/palette/palette-es.md index 0d508b5cbf9281..0f96de459f3258 100644 --- a/docs/src/pages/customization/palette/palette-es.md +++ b/docs/src/pages/customization/palette/palette-es.md @@ -17,7 +17,7 @@ The default palette uses the shades prefixed with `A` (`A200`, etc.) for the sec If you want to learn more about color, you can check out [the color section](/customization/color/). -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### Personalización @@ -114,7 +114,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference @@ -152,4 +152,4 @@ function App() { ## Default values -You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). \ No newline at end of file +You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). diff --git a/docs/src/pages/customization/palette/palette-fr.md b/docs/src/pages/customization/palette/palette-fr.md index 96b1a4d9d769a1..54081a9cd5f754 100644 --- a/docs/src/pages/customization/palette/palette-fr.md +++ b/docs/src/pages/customization/palette/palette-fr.md @@ -17,7 +17,7 @@ The default palette uses the shades prefixed with `A` (`A200`, etc.) for the sec If you want to learn more about color, you can check out [the color section](/customization/color/). -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### Personnalisation @@ -114,7 +114,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference @@ -152,4 +152,4 @@ function App() { ## Default values -You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). \ No newline at end of file +You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). diff --git a/docs/src/pages/customization/palette/palette-ja.md b/docs/src/pages/customization/palette/palette-ja.md index 5ffd33f7c0da16..a31cd47efae668 100644 --- a/docs/src/pages/customization/palette/palette-ja.md +++ b/docs/src/pages/customization/palette/palette-ja.md @@ -17,7 +17,7 @@ A color intention とは、パレットをアプリケーション内の特定 色の詳細については、[色セクション](/customization/color/)をご覧ください。 -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### カスタマイズ @@ -114,7 +114,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference @@ -152,4 +152,4 @@ function App() { ## デフォルト値 -You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). \ No newline at end of file +You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). diff --git a/docs/src/pages/customization/palette/palette-pt.md b/docs/src/pages/customization/palette/palette-pt.md index 83412e2e298594..ce6caf529d88a6 100644 --- a/docs/src/pages/customization/palette/palette-pt.md +++ b/docs/src/pages/customization/palette/palette-pt.md @@ -17,7 +17,7 @@ A paleta padrão usa as sombras prefixadas com `A` (`A200`, etc.) para a intenç Se você quiser aprender mais sobre cor, você pode conferir [a seção de cores](/customization/color/). -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### Customização @@ -114,7 +114,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference @@ -152,4 +152,4 @@ function App() { ## Valores padrão -You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). \ No newline at end of file +You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). diff --git a/docs/src/pages/customization/palette/palette-ru.md b/docs/src/pages/customization/palette/palette-ru.md index 02141b1b365c14..99d8211d987af2 100644 --- a/docs/src/pages/customization/palette/palette-ru.md +++ b/docs/src/pages/customization/palette/palette-ru.md @@ -17,7 +17,7 @@ Для более подробного изучения цветовых настроек можно посетить [секцию про цвета](/customization/color/). -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### Кастомизация @@ -114,7 +114,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference @@ -152,4 +152,4 @@ function App() { ## Default values -You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). \ No newline at end of file +You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). diff --git a/docs/src/pages/customization/palette/palette-zh.md b/docs/src/pages/customization/palette/palette-zh.md index ae43abe102bef4..0f7b3435f51745 100644 --- a/docs/src/pages/customization/palette/palette-zh.md +++ b/docs/src/pages/customization/palette/palette-zh.md @@ -17,7 +17,7 @@ The default palette uses the shades prefixed with `A` (`A200`, etc.) for the sec If you want to learn more about color, you can check out [the color section](/customization/color/). -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### 个性化 @@ -114,7 +114,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference @@ -152,4 +152,4 @@ function App() { ## 默认值 -You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). \ No newline at end of file +You can explore the default values of the palette using [the theme explorer](/customization/default-theme/?expand-path=$.palette) or by opening the dev tools console on this page (`window.theme.palette`). diff --git a/docs/src/pages/customization/palette/palette.md b/docs/src/pages/customization/palette/palette.md index 8cf18fb3b8b11f..68ba4d3baa240a 100644 --- a/docs/src/pages/customization/palette/palette.md +++ b/docs/src/pages/customization/palette/palette.md @@ -19,7 +19,7 @@ and the un-prefixed shades for the other intentions. If you want to learn more about color, you can check out [the color section](/customization/color/). -{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/Intentions.js", "bg": "inline", "hideToolbar": true}} ### Customization @@ -132,7 +132,7 @@ const darkTheme = createMuiTheme({ The colors modified by the palette type are the following: -{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideHeader": true}} +{{"demo": "pages/customization/palette/DarkTheme.js", "bg": "inline", "hideToolbar": true}} ### User preference diff --git a/docs/src/pages/customization/typography/typography-de.md b/docs/src/pages/customization/typography/typography-de.md index 41418d8b236e24..7362a214d787ac 100644 --- a/docs/src/pages/customization/typography/typography-de.md +++ b/docs/src/pages/customization/typography/typography-de.md @@ -143,7 +143,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): @@ -200,4 +200,4 @@ const theme = createMuiTheme({ ## Default values -You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). \ No newline at end of file +You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). diff --git a/docs/src/pages/customization/typography/typography-es.md b/docs/src/pages/customization/typography/typography-es.md index d144165c9bc495..3c77692deb8d46 100644 --- a/docs/src/pages/customization/typography/typography-es.md +++ b/docs/src/pages/customization/typography/typography-es.md @@ -143,7 +143,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): @@ -200,4 +200,4 @@ const theme = createMuiTheme({ ## Default values -You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). \ No newline at end of file +You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). diff --git a/docs/src/pages/customization/typography/typography-fr.md b/docs/src/pages/customization/typography/typography-fr.md index 81c94220aff6b2..42593dc4974d7b 100644 --- a/docs/src/pages/customization/typography/typography-fr.md +++ b/docs/src/pages/customization/typography/typography-fr.md @@ -143,7 +143,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): @@ -200,4 +200,4 @@ const theme = createMuiTheme({ ## Default values -You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). \ No newline at end of file +You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). diff --git a/docs/src/pages/customization/typography/typography-ja.md b/docs/src/pages/customization/typography/typography-ja.md index 77e5f66a449ed8..c538f6daaee26c 100644 --- a/docs/src/pages/customization/typography/typography-ja.md +++ b/docs/src/pages/customization/typography/typography-ja.md @@ -143,7 +143,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): @@ -200,4 +200,4 @@ const theme = createMuiTheme({ ## デフォルト値 -You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). \ No newline at end of file +You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). diff --git a/docs/src/pages/customization/typography/typography-pt.md b/docs/src/pages/customization/typography/typography-pt.md index 8f75a91b292016..4d811974b0d9d2 100644 --- a/docs/src/pages/customization/typography/typography-pt.md +++ b/docs/src/pages/customization/typography/typography-pt.md @@ -143,7 +143,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): @@ -200,4 +200,4 @@ const theme = createMuiTheme({ ## Valores padrão -You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). \ No newline at end of file +You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). diff --git a/docs/src/pages/customization/typography/typography-ru.md b/docs/src/pages/customization/typography/typography-ru.md index 40751c7a910361..787b9b570fee7d 100644 --- a/docs/src/pages/customization/typography/typography-ru.md +++ b/docs/src/pages/customization/typography/typography-ru.md @@ -143,7 +143,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): @@ -200,4 +200,4 @@ const theme = createMuiTheme({ ## Default values -You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). \ No newline at end of file +You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). diff --git a/docs/src/pages/customization/typography/typography-zh.md b/docs/src/pages/customization/typography/typography-zh.md index 9f42adb95de28f..550e192365355c 100644 --- a/docs/src/pages/customization/typography/typography-zh.md +++ b/docs/src/pages/customization/typography/typography-zh.md @@ -143,7 +143,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): @@ -200,4 +200,4 @@ const theme = createMuiTheme({ ## 默认值 -You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). \ No newline at end of file +You can explore the default values of the typography using [the theme explorer](/customization/default-theme/?expand-path=$.typography) or by opening the dev tools console on this page (`window.theme.typography`). diff --git a/docs/src/pages/customization/typography/typography.md b/docs/src/pages/customization/typography/typography.md index 2bd30a21f19812..ef19e6a2217d70 100644 --- a/docs/src/pages/customization/typography/typography.md +++ b/docs/src/pages/customization/typography/typography.md @@ -155,7 +155,7 @@ theme.typography.h3 = { To automate this setup, you can use the [`responsiveFontSizes()`](/customization/theming/#responsivefontsizes-theme-options-theme) helper to make Typography font sizes in the theme responsive. -{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideHeader": true}} +{{"demo": "pages/customization/typography/ResponsiveFontSizesChart.js", "hideToolbar": true}} You can see this in action in the example below. adjust your browser's window size, and notice how the font size changes as the width crosses the different [breakpoints](/customization/breakpoints/): diff --git a/docs/src/pages/discover-more/languages/languages-de.md b/docs/src/pages/discover-more/languages/languages-de.md index e387ab5a414719..5e649ffe159330 100644 --- a/docs/src/pages/discover-more/languages/languages-de.md +++ b/docs/src/pages/discover-more/languages/languages-de.md @@ -2,4 +2,4 @@

Die Dokumentation zur Material-UI ist in den folgenden Sprachen verfügbar.

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} \ No newline at end of file +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/languages/languages-es.md b/docs/src/pages/discover-more/languages/languages-es.md index eb205ef1862718..4f58b155e203f8 100644 --- a/docs/src/pages/discover-more/languages/languages-es.md +++ b/docs/src/pages/discover-more/languages/languages-es.md @@ -2,4 +2,4 @@

The Material-UI documentation is available in the following languages.

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} \ No newline at end of file +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/languages/languages-fr.md b/docs/src/pages/discover-more/languages/languages-fr.md index d07204f46e3132..3a6ff84b9b97e0 100644 --- a/docs/src/pages/discover-more/languages/languages-fr.md +++ b/docs/src/pages/discover-more/languages/languages-fr.md @@ -2,4 +2,4 @@

La documentation de Material-UI est disponible dans les langues suivantes.

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} \ No newline at end of file +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/languages/languages-ja.md b/docs/src/pages/discover-more/languages/languages-ja.md index c9b17d77cba42b..9790fed6fc1269 100644 --- a/docs/src/pages/discover-more/languages/languages-ja.md +++ b/docs/src/pages/discover-more/languages/languages-ja.md @@ -2,4 +2,4 @@

Material-UIドキュメントは、次の言語で利用可能です。

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} \ No newline at end of file +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/languages/languages-pt.md b/docs/src/pages/discover-more/languages/languages-pt.md index 1e476c4b39df73..58d6b230e860e8 100644 --- a/docs/src/pages/discover-more/languages/languages-pt.md +++ b/docs/src/pages/discover-more/languages/languages-pt.md @@ -2,4 +2,4 @@

A documentação do Material-UI está disponível nos seguintes idiomas.

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} \ No newline at end of file +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/languages/languages-ru.md b/docs/src/pages/discover-more/languages/languages-ru.md index 650a47243726af..30c848d708a025 100644 --- a/docs/src/pages/discover-more/languages/languages-ru.md +++ b/docs/src/pages/discover-more/languages/languages-ru.md @@ -2,4 +2,4 @@

The Material-UI documentation is available in the following languages.

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} \ No newline at end of file +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/languages/languages-zh.md b/docs/src/pages/discover-more/languages/languages-zh.md index 8840cac6b876d5..ddd057d4dcba26 100644 --- a/docs/src/pages/discover-more/languages/languages-zh.md +++ b/docs/src/pages/discover-more/languages/languages-zh.md @@ -2,4 +2,4 @@

Material-UI 的文档提供了以下几种语言的版本。

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} \ No newline at end of file +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/languages/languages.md b/docs/src/pages/discover-more/languages/languages.md index d4c0f7a2f968c7..8ab952d6663fb8 100644 --- a/docs/src/pages/discover-more/languages/languages.md +++ b/docs/src/pages/discover-more/languages/languages.md @@ -2,5 +2,5 @@

The Material-UI documentation is available in the following languages.

-{{"demo": "pages/discover-more/languages/Languages.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/discover-more/languages/Languages.js", "hideToolbar": true, "bg": true}} diff --git a/docs/src/pages/discover-more/showcase/showcase-de.md b/docs/src/pages/discover-more/showcase/showcase-de.md index b35001ab33df59..4cbeafae380a41 100644 --- a/docs/src/pages/discover-more/showcase/showcase-de.md +++ b/docs/src/pages/discover-more/showcase/showcase-de.md @@ -8,4 +8,4 @@ Möchten Sie Ihre App hinzufügen? App gefunden, die nicht mehr funktioniert ode - Viel Verkehr - Open Source -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} \ No newline at end of file +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/showcase/showcase-es.md b/docs/src/pages/discover-more/showcase/showcase-es.md index bf1144f863c2af..92fb5d3f87ba26 100644 --- a/docs/src/pages/discover-more/showcase/showcase-es.md +++ b/docs/src/pages/discover-more/showcase/showcase-es.md @@ -8,4 +8,4 @@ Want to add your app? Found an app that no longer works or no longer uses Materi - High traffic - Open source -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} \ No newline at end of file +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/showcase/showcase-fr.md b/docs/src/pages/discover-more/showcase/showcase-fr.md index 38305de31432b7..494ca08a741837 100644 --- a/docs/src/pages/discover-more/showcase/showcase-fr.md +++ b/docs/src/pages/discover-more/showcase/showcase-fr.md @@ -8,4 +8,4 @@ Voulez-vous ajouter votre application? Vous avez trouvé une application qui ne - High traffic - Open source -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} \ No newline at end of file +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/showcase/showcase-ja.md b/docs/src/pages/discover-more/showcase/showcase-ja.md index f57d70c0383e72..f7bce7f83f3aef 100644 --- a/docs/src/pages/discover-more/showcase/showcase-ja.md +++ b/docs/src/pages/discover-more/showcase/showcase-ja.md @@ -8,4 +8,4 @@ Want to add your app? Found an app that no longer works or no longer uses Materi - High traffic - オープンソース -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} \ No newline at end of file +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/showcase/showcase-pt.md b/docs/src/pages/discover-more/showcase/showcase-pt.md index 98a16787316422..25adee858076d1 100644 --- a/docs/src/pages/discover-more/showcase/showcase-pt.md +++ b/docs/src/pages/discover-more/showcase/showcase-pt.md @@ -8,4 +8,4 @@ Quer adicionar sua aplicação? Encontrou uma aplicação que não funciona mais - Alto tráfego - Código aberto -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} \ No newline at end of file +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/showcase/showcase-ru.md b/docs/src/pages/discover-more/showcase/showcase-ru.md index aecc905e986440..ec3338d1f8702f 100644 --- a/docs/src/pages/discover-more/showcase/showcase-ru.md +++ b/docs/src/pages/discover-more/showcase/showcase-ru.md @@ -8,4 +8,4 @@ Want to add your app? Found an app that no longer works or no longer uses Materi - High traffic - Open source -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} \ No newline at end of file +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/showcase/showcase-zh.md b/docs/src/pages/discover-more/showcase/showcase-zh.md index be062b36a8c18a..933540962cf19a 100644 --- a/docs/src/pages/discover-more/showcase/showcase-zh.md +++ b/docs/src/pages/discover-more/showcase/showcase-zh.md @@ -8,4 +8,4 @@ - 高流量 - 开源 -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} \ No newline at end of file +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/showcase/showcase.md b/docs/src/pages/discover-more/showcase/showcase.md index d7d2e6d5feb3fa..48c19ee9b7c75a 100644 --- a/docs/src/pages/discover-more/showcase/showcase.md +++ b/docs/src/pages/discover-more/showcase/showcase.md @@ -8,4 +8,4 @@ Want to add your app? Found an app that no longer works or no longer uses Materi - High traffic - Open source -{{"demo": "pages/discover-more/showcase/Showcase.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/showcase/Showcase.js", "hideToolbar": true, "bg": "inline"}} diff --git a/docs/src/pages/discover-more/team/team-de.md b/docs/src/pages/discover-more/team/team-de.md index bab35b193a1655..1a069b776b6e2c 100644 --- a/docs/src/pages/discover-more/team/team-de.md +++ b/docs/src/pages/discover-more/team/team-de.md @@ -4,8 +4,8 @@ Material-UI wird von einer kleinen Gruppe unschätzbarer Kernmitarbeiter und der massiven Unterstützung und Engagement der Community gepflegt. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} Machen Sie mit bei der Entwicklung von Material-UI indem Sie ein [ Problem melden](https://github.com/mui-org/material-ui/issues/new) oder einen Pull-Request erstellen. Lesen Sie unsere [ Richtlinien ](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) um Informationen darüber zu erhalten, wie wir entwickeln. -[Mitmachen und das Projekt unterstützen!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) \ No newline at end of file +[Mitmachen und das Projekt unterstützen!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) diff --git a/docs/src/pages/discover-more/team/team-es.md b/docs/src/pages/discover-more/team/team-es.md index ee99ef4dca89c1..29e2d278ac42a5 100644 --- a/docs/src/pages/discover-more/team/team-es.md +++ b/docs/src/pages/discover-more/team/team-es.md @@ -4,8 +4,8 @@ Material-UI is maintained by a small group of invaluable core contributors, with the massive support and involvement of the community. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} Get involved with Material-UI development by [opening an issue](https://github.com/mui-org/material-ui/issues/new) or submitting a pull request. Read the [contributing guidelines](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) for information on how we develop. -[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) \ No newline at end of file +[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) diff --git a/docs/src/pages/discover-more/team/team-fr.md b/docs/src/pages/discover-more/team/team-fr.md index 95426560aafbe2..990a60acfba1e3 100644 --- a/docs/src/pages/discover-more/team/team-fr.md +++ b/docs/src/pages/discover-more/team/team-fr.md @@ -4,8 +4,8 @@ Material-UI is maintained by a small group of invaluable core contributors, with the massive support and involvement of the community. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} Impliquez-vous dans le développement de Material-UI en [ouvrant un problème](https://github.com/mui-org/material-ui/issues/new) ou soumettre une demande de tirage. Read the [contributing guidelines](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) for information on how we develop. -[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) \ No newline at end of file +[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) diff --git a/docs/src/pages/discover-more/team/team-ja.md b/docs/src/pages/discover-more/team/team-ja.md index 573175df6dc0bc..5d5afce704f2d3 100644 --- a/docs/src/pages/discover-more/team/team-ja.md +++ b/docs/src/pages/discover-more/team/team-ja.md @@ -4,8 +4,8 @@ Material-UI is maintained by a small group of invaluable core contributors, with the massive support and involvement of the community. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} Get involved with Material-UI development by [opening an issue](https://github.com/mui-org/material-ui/issues/new) or submitting a pull request. Read the [contributing guidelines](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) for information on how we develop. -[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) \ No newline at end of file +[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) diff --git a/docs/src/pages/discover-more/team/team-pt.md b/docs/src/pages/discover-more/team/team-pt.md index aa2f774c05c8ae..f78472b056cda2 100644 --- a/docs/src/pages/discover-more/team/team-pt.md +++ b/docs/src/pages/discover-more/team/team-pt.md @@ -4,8 +4,8 @@ Material-UI é mantida por um pequeno grupo de contribuidores essenciais de valor inestimável, com o apoio e envolvimento maciço da comunidade. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} Colabore com o desenvolvimento de Material-UI [abrindo uma issue](https://github.com/mui-org/material-ui/issues/new) ou enviando um pull request. Leia as [diretrizes de contribuição](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) para informações sobre como nós desenvolvemos. -[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) \ No newline at end of file +[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) diff --git a/docs/src/pages/discover-more/team/team-ru.md b/docs/src/pages/discover-more/team/team-ru.md index 6f34ddf3c9a806..c48da1306c319a 100644 --- a/docs/src/pages/discover-more/team/team-ru.md +++ b/docs/src/pages/discover-more/team/team-ru.md @@ -4,8 +4,8 @@ Material-UI is maintained by a small group of invaluable core contributors, with the massive support and involvement of the community. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} Get involved with Material-UI development by [opening an issue](https://github.com/mui-org/material-ui/issues/new) or submitting a pull request. Read the [contributing guidelines](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) for information on how we develop. -[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) \ No newline at end of file +[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) diff --git a/docs/src/pages/discover-more/team/team-zh.md b/docs/src/pages/discover-more/team/team-zh.md index fd6981d493c61e..3fbb8d24cfbc90 100644 --- a/docs/src/pages/discover-more/team/team-zh.md +++ b/docs/src/pages/discover-more/team/team-zh.md @@ -4,8 +4,8 @@ Material-UI is maintained by a small group of invaluable core contributors, with the massive support and involvement of the community. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} 通过 [打开问题](https://github.com/mui-org/material-ui/issues/new) 或提交一个 pull request 来参与到 Material-UI 开发中来吧。 Read the [contributing guidelines](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) for information on how we develop. -[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) \ No newline at end of file +[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project) diff --git a/docs/src/pages/discover-more/team/team.md b/docs/src/pages/discover-more/team/team.md index 912d68d77b5e23..81e10eb7493188 100644 --- a/docs/src/pages/discover-more/team/team.md +++ b/docs/src/pages/discover-more/team/team.md @@ -4,7 +4,7 @@ Material-UI is maintained by a small group of invaluable core contributors, with the massive support and involvement of the community. -{{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/discover-more/team/Team.js", "hideToolbar": true, "bg": "inline"}} Get involved with Material-UI development by [opening an issue](https://github.com/mui-org/material-ui/issues/new) or submitting a pull request. Read the [contributing guidelines](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) for information on how we develop. diff --git a/docs/src/pages/getting-started/templates/templates-de.md b/docs/src/pages/getting-started/templates/templates-de.md index d945c438812753..d031d80c93f9e4 100644 --- a/docs/src/pages/getting-started/templates/templates-de.md +++ b/docs/src/pages/getting-started/templates/templates-de.md @@ -10,7 +10,7 @@ The templates can be combined with one of the [example applications](https://git Abschnitte jedes Layouts sind entweder durch Kommentare oder die Verwendung separater Dateien eindeutig definiert. Dadurch wird das Extrahieren von Teilen einer Seite (z. B. "Heldeneinheit" oder Fußzeilen) für die Wiederverwendung in anderen Seiten vereinfacht. Für mehrteilige Beispiele, beschreibt eine Tabelle in der README im verknüpften Quellcode der Zweck jeder Datei. -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} Wenn Sie während Sie die Beispiele verwenden Änderungen oder Verbesserungen vornehmen, die die Entwickler Erfahrung verbessern könnte, oder Sie mögen ein weiteres Beispiel dazu beitragen, denken Sie doch über einen [ Pull-Request auf GitHub](https://github.com/mui-org/material-ui/pulls) nach. diff --git a/docs/src/pages/getting-started/templates/templates-es.md b/docs/src/pages/getting-started/templates/templates-es.md index 62d7bb697f588f..df1c16fc70e4ab 100644 --- a/docs/src/pages/getting-started/templates/templates-es.md +++ b/docs/src/pages/getting-started/templates/templates-es.md @@ -10,7 +10,7 @@ Las plantillas pueden combinarse con una de las [aplicaciones de ejemplo](https: Las secciones de cada diseño están claramente definidas, ya sea por comentarios o por el uso de archivos separados, simplificando la extracción de partes de una página (como una "unidad de héroe" o un pie de página, por ejemplo) para reutilizar en otras páginas. Para ver ejemplos multi-partes, una tabla en el README en la ubicación del código fuente describe el propósito de cada archivo. -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} Si al usar estos ejemplos realizas cambios o mejoras que podrían mejorar la experiencia del desarrollador, o deseas contribuir con un ejemplo adicional, considera crear una pull request [en GitHub](https://github.com/mui-org/material-ui/pulls). diff --git a/docs/src/pages/getting-started/templates/templates-fr.md b/docs/src/pages/getting-started/templates/templates-fr.md index 18fe8fcbfab364..0b31a12d3f47b8 100644 --- a/docs/src/pages/getting-started/templates/templates-fr.md +++ b/docs/src/pages/getting-started/templates/templates-fr.md @@ -10,7 +10,7 @@ The templates can be combined with one of the [example applications](https://git Les sections de chaque mise en page sont clairement définies, soit par des commentaires, soit par l’utilisation de fichiers séparés ce qui facilite l’extraction de parties d’une page (telle qu'une "unité héros" ou un pied de page, par exemple) pour une utilisation ultérieure. Pour les exemples multi-parties, une table dans le README à l'emplacement du code source lié décrit le but de chaque fichier. -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} If while using these examples you make changes or enhancements that could improve the developer experience, or you would like to contribute an additional example, please consider creating a [pull request on GitHub](https://github.com/mui-org/material-ui/pulls). diff --git a/docs/src/pages/getting-started/templates/templates-ja.md b/docs/src/pages/getting-started/templates/templates-ja.md index 01ee03a0d4b66b..9229af03d0849b 100644 --- a/docs/src/pages/getting-started/templates/templates-ja.md +++ b/docs/src/pages/getting-started/templates/templates-ja.md @@ -10,7 +10,7 @@ title: 9+ Free React Templates 各レイアウトのセクションは、コメントまたは個別のファイルの使用によって明確に定義されます。 ページの一部を簡単に抽出できるようになりました(たとえば、「ヒーローユニット」やフッタなど)。 他のページで再利用できます。 マルチパートの例については、リンクされたソースコードの場所にあるREADMEの表に各ファイルの目的が説明されています。 -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} これらのサンプルを使用している間に、開発者のエクスペリエンスを改善する可能性のある変更や拡張を行ったり、追加のサンプルを提供したい場合は、GitHubでプルリクエストを作成することを検討してください。

diff --git a/docs/src/pages/getting-started/templates/templates-pt.md b/docs/src/pages/getting-started/templates/templates-pt.md index 99df9431e95e34..c209d6aa1760e0 100644 --- a/docs/src/pages/getting-started/templates/templates-pt.md +++ b/docs/src/pages/getting-started/templates/templates-pt.md @@ -10,7 +10,7 @@ Os modelos podem ser combinados com uma das [aplicações de exemplo](https://gi Seções de cada leiaute são claramente definidas por comentários ou uso de arquivos separados, tornando simples extrair partes de uma página (como uma "hero unit" ou rodapé, por exemplo) para reutilização em outras páginas. Para exemplos de várias partes, uma tabela no README no local do código-fonte vinculado descreve a finalidade de cada arquivo. -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} Se, ao usar estes exemplos você faz mudanças ou melhorias que poderiam melhorar a experiência do desenvolvedor, ou você gostaria de contribuir com um exemplo adicional, por favor considere a criação de um [pull request no GitHub](https://github.com/mui-org/material-ui/pulls). diff --git a/docs/src/pages/getting-started/templates/templates-ru.md b/docs/src/pages/getting-started/templates/templates-ru.md index acd73a45606ab9..9183d550a6739d 100644 --- a/docs/src/pages/getting-started/templates/templates-ru.md +++ b/docs/src/pages/getting-started/templates/templates-ru.md @@ -10,7 +10,7 @@ The templates can be combined with one of the [example applications](https://git Разделы каждого макета четко определяются либо комментариями, либо использованием отдельных файлов, упрощая извлечение частей страницы (например, «героя» или нижнего колонтитула) для повторного использования на других страницах. For multi-part examples, a table in the README at the linked source code location describes the purpose of each file. -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} If while using these examples you make changes or enhancements that could improve the developer experience, or you would like to contribute an additional example, please consider creating a [pull request on GitHub](https://github.com/mui-org/material-ui/pulls). diff --git a/docs/src/pages/getting-started/templates/templates-zh.md b/docs/src/pages/getting-started/templates/templates-zh.md index 8cf1e5b091d87f..cd310e0bab020a 100644 --- a/docs/src/pages/getting-started/templates/templates-zh.md +++ b/docs/src/pages/getting-started/templates/templates-zh.md @@ -10,7 +10,7 @@ title: 9+ Free React Templates Sections of each layout are clearly defined either by comments or use of separate files, making it simple to extract parts of a page (such as a "hero unit", or footer, for example) for reuse in other pages. For multi-part examples, a table in the README at the linked source code location describes the purpose of each file. -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} 如果您在使用这些示例时进行了更改或增强以改善开发人员的体验，或者您想提供其他示例，请考虑在GitHub上创建 pull 请求。

diff --git a/docs/src/pages/getting-started/templates/templates.md b/docs/src/pages/getting-started/templates/templates.md index 559051e53f0df1..e950d6d9d4cf22 100644 --- a/docs/src/pages/getting-started/templates/templates.md +++ b/docs/src/pages/getting-started/templates/templates.md @@ -14,7 +14,7 @@ for reuse in other pages. For multi-part examples, a table in the README at the linked source code location describes the purpose of each file. -{{"demo": "pages/getting-started/templates/Templates.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/templates/Templates.js", "hideToolbar": true, "bg": true}} If while using these examples you make changes or enhancements that could improve the developer experience, or you would like to contribute an additional example, diff --git a/docs/src/pages/getting-started/usage/usage-de.md b/docs/src/pages/getting-started/usage/usage-de.md index fd603691207305..ef6ac18cdeb30b 100644 --- a/docs/src/pages/getting-started/usage/usage-de.md +++ b/docs/src/pages/getting-started/usage/usage-de.md @@ -28,7 +28,7 @@ ReactDOM.render(, document.querySelector('#app')); Ja, das ist tatsächlich alles, das Sie für den Start brauchen. In dieser interaktiven Live-Demo können Sie dies ausprobieren: -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## Globale Objekte @@ -59,4 +59,4 @@ Nun, da Sie eine Vorstellung von den grundlegenden Schritten haben, ist es an de - Wie man [die Material Design Schriftart und Typografie](/components/typography/) bereitstellt. - Wie man die [theming-Lösung nutzen kann](/customization/theming/). -- Wie man das Aussehen und das Verhalten der Komponenten [überschreibt](/customization/components/). \ No newline at end of file +- Wie man das Aussehen und das Verhalten der Komponenten [überschreibt](/customization/components/). diff --git a/docs/src/pages/getting-started/usage/usage-es.md b/docs/src/pages/getting-started/usage/usage-es.md index 3f9c17ef10f3c2..d8f44b1e8f8e21 100644 --- a/docs/src/pages/getting-started/usage/usage-es.md +++ b/docs/src/pages/getting-started/usage/usage-es.md @@ -28,7 +28,7 @@ ReactDOM.render(, document.querySelector('#app')); Así es! Esto es todo lo que necesitas para empezar, como podrás comprobar con la siguiente demostración interactiva en vivo: -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## Globales @@ -59,4 +59,4 @@ Ahora que tienes una idea de la organización básica, es hora de aprender más - Cómo proporcionar [la fuente y tipografía de Material Design](/components/typography/). - Cómo aprovechar la [solución de plantilla](/customization/theming/). -- Cómo [reemplazar](/customization/components/) el aspecto de los componentes. \ No newline at end of file +- Cómo [reemplazar](/customization/components/) el aspecto de los componentes. diff --git a/docs/src/pages/getting-started/usage/usage-fr.md b/docs/src/pages/getting-started/usage/usage-fr.md index aad9682375d604..ad65e28f2b2125 100644 --- a/docs/src/pages/getting-started/usage/usage-fr.md +++ b/docs/src/pages/getting-started/usage/usage-fr.md @@ -28,7 +28,7 @@ ReactDOM.render(, document.querySelector('#app')); Oui, c'est tout ce dont vous avez besoin pour commencer, comme vous pouvez le voir dans cette démo en direct et interactive : -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## Variables globales @@ -59,4 +59,4 @@ Maintenant que vous avez une idée de la configuration de base, il est temps d'e - Comment fournir [la police et la typographie Material Design](/components/typography/) . - Comment tirer parti de la [solution de thème](/customization/theming/). -- Comment [modifier](/customization/components/), l'apparence des composants. \ No newline at end of file +- Comment [modifier](/customization/components/), l'apparence des composants. diff --git a/docs/src/pages/getting-started/usage/usage-ja.md b/docs/src/pages/getting-started/usage/usage-ja.md index 11674f3a12094d..c4cf1305b6f7d0 100644 --- a/docs/src/pages/getting-started/usage/usage-ja.md +++ b/docs/src/pages/getting-started/usage/usage-ja.md @@ -28,7 +28,7 @@ ReactDOM.render(, document.querySelector('#app')); そうです。これは本当に始めるのに必要な全てです。この編集可能なデモで確認できるように: -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## Globals @@ -59,4 +59,4 @@ Material-UIはオプションで[CssBaseline](/components/css-baseline/)コン - [Material Designフォントとタイポグラフィ](/components/typography/)を導入する方法 - [テーマソリューションを活用する方法](/customization/theming/) 。 -- コンポーネントの見た目を[上書き](/customization/components/)する方法 \ No newline at end of file +- コンポーネントの見た目を[上書き](/customization/components/)する方法 diff --git a/docs/src/pages/getting-started/usage/usage-pt.md b/docs/src/pages/getting-started/usage/usage-pt.md index dbaf74d2891b91..32c8d2884580ee 100644 --- a/docs/src/pages/getting-started/usage/usage-pt.md +++ b/docs/src/pages/getting-started/usage/usage-pt.md @@ -28,7 +28,7 @@ ReactDOM.render(, document.querySelector('#app')); Sim, isso é tudo o que você precisa para começar, como você pode ver nesta demonstração ao vivo e interativa: -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## Globais @@ -59,4 +59,4 @@ Agora que você tem uma ideia da configuração básica, é hora de aprender mai - Como aplicar [a fonte e a tipografia do Material Design](/components/typography/). - Como tirar proveito da [solução de tema](/customization/theming/). -- Como [sobrescrever](/customization/components/) o visual e a aparência dos componentes. \ No newline at end of file +- Como [sobrescrever](/customization/components/) o visual e a aparência dos componentes. diff --git a/docs/src/pages/getting-started/usage/usage-ru.md b/docs/src/pages/getting-started/usage/usage-ru.md index 8e40e41abef769..18a58ce86bff81 100644 --- a/docs/src/pages/getting-started/usage/usage-ru.md +++ b/docs/src/pages/getting-started/usage/usage-ru.md @@ -28,7 +28,7 @@ ReactDOM.render(, document.querySelector('#app')); Да, это действительно все, что вам нужно для начала, как вы можете увидеть в этой интерактивной демонстрации: -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## Глобальная настройка @@ -59,4 +59,4 @@ Material-UI предоставляет опциональный компонен - Как предоставить [шрифт и оформление Material Design](/components/typography/). - Как воспользоваться [механизмом тем](/customization/theming/). -- Как [переопределить](/customization/components/) внешний вид компонентов. \ No newline at end of file +- Как [переопределить](/customization/components/) внешний вид компонентов. diff --git a/docs/src/pages/getting-started/usage/usage-zh.md b/docs/src/pages/getting-started/usage/usage-zh.md index 603097eb3d226b..c4bb44e2ba79b5 100644 --- a/docs/src/pages/getting-started/usage/usage-zh.md +++ b/docs/src/pages/getting-started/usage/usage-zh.md @@ -28,7 +28,7 @@ ReactDOM.render(, document.querySelector('#app')); 是的，这就是您开始使用所需的一切，您也可以在这个实时的交互式的演示中所查看： -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## 全局变量 @@ -59,4 +59,4 @@ Material-UI 提供了可选的 [CssBaseline](/components/css-baseline/) 组件 - 如何提供 [Material Design字体和排版](/components/typography/)。 - 如何利用[主题解决方案](/customization/theming/) 。 -- 如何 [覆盖](/customization/components/) 组件的呈现和观感。 \ No newline at end of file +- 如何 [覆盖](/customization/components/) 组件的呈现和观感。 diff --git a/docs/src/pages/getting-started/usage/usage.md b/docs/src/pages/getting-started/usage/usage.md index ef4cb0a0a46c86..4faff765d32c0a 100644 --- a/docs/src/pages/getting-started/usage/usage.md +++ b/docs/src/pages/getting-started/usage/usage.md @@ -31,7 +31,7 @@ ReactDOM.render(, document.querySelector('#app')); Yes, this really is all you need to get started, as you can see in this live and interactive demo: -{{"demo": "pages/getting-started/usage/Usage.js", "hideHeader": true, "bg": true}} +{{"demo": "pages/getting-started/usage/Usage.js", "hideToolbar": true, "bg": true}} ## Globals diff --git a/docs/src/pages/guides/interoperability/interoperability-de.md b/docs/src/pages/guides/interoperability/interoperability-de.md index 37bcc349379fff..a336f5b2368059 100644 --- a/docs/src/pages/guides/interoperability/interoperability-de.md +++ b/docs/src/pages/guides/interoperability/interoperability-de.md @@ -15,7 +15,7 @@ In diesem Handbuch sollen die beliebtesten Alternativen dokumentiert werden, abe Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -68,7 +68,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** @@ -156,7 +156,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -327,7 +327,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -382,7 +382,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** @@ -426,7 +426,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) @@ -501,4 +501,4 @@ We encourage to share the same theme object between Material-UI and your styles. ### The `styled()` API -It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). \ No newline at end of file +It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). diff --git a/docs/src/pages/guides/interoperability/interoperability-es.md b/docs/src/pages/guides/interoperability/interoperability-es.md index e52aff0b117b66..99f2d8412e6e56 100644 --- a/docs/src/pages/guides/interoperability/interoperability-es.md +++ b/docs/src/pages/guides/interoperability/interoperability-es.md @@ -15,7 +15,7 @@ This guide aims to document the most popular alternatives, but you should find t Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -68,7 +68,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** @@ -156,7 +156,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -327,7 +327,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -382,7 +382,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** @@ -426,7 +426,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) @@ -501,4 +501,4 @@ We encourage to share the same theme object between Material-UI and your styles. ### The `styled()` API -It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). \ No newline at end of file +It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). diff --git a/docs/src/pages/guides/interoperability/interoperability-fr.md b/docs/src/pages/guides/interoperability/interoperability-fr.md index ed799d04b9e84f..6754c84a53573b 100644 --- a/docs/src/pages/guides/interoperability/interoperability-fr.md +++ b/docs/src/pages/guides/interoperability/interoperability-fr.md @@ -15,7 +15,7 @@ This guide aims to document the most popular alternatives, but you should find t Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -68,7 +68,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** @@ -156,7 +156,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -327,7 +327,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -382,7 +382,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** @@ -426,7 +426,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) @@ -501,4 +501,4 @@ We encourage to share the same theme object between Material-UI and your styles. ### The `styled()` API -It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). \ No newline at end of file +It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). diff --git a/docs/src/pages/guides/interoperability/interoperability-ja.md b/docs/src/pages/guides/interoperability/interoperability-ja.md index b688407f444679..bd28b566aac1a6 100644 --- a/docs/src/pages/guides/interoperability/interoperability-ja.md +++ b/docs/src/pages/guides/interoperability/interoperability-ja.md @@ -15,7 +15,7 @@ This guide aims to document the most popular alternatives, but you should find t Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -68,7 +68,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** @@ -156,7 +156,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -327,7 +327,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -382,7 +382,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** @@ -426,7 +426,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) @@ -501,4 +501,4 @@ We encourage to share the same theme object between Material-UI and your styles. ### The `styled()` API -It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). \ No newline at end of file +It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). diff --git a/docs/src/pages/guides/interoperability/interoperability-pt.md b/docs/src/pages/guides/interoperability/interoperability-pt.md index bddb29319b28f0..5d2a2737ab42e0 100644 --- a/docs/src/pages/guides/interoperability/interoperability-pt.md +++ b/docs/src/pages/guides/interoperability/interoperability-pt.md @@ -15,7 +15,7 @@ Este guia tem como objetivo documentar as alternativas mais populares, mas você Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -68,7 +68,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** @@ -156,7 +156,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -327,7 +327,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -382,7 +382,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** @@ -426,7 +426,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) @@ -501,4 +501,4 @@ We encourage to share the same theme object between Material-UI and your styles. ### The `styled()` API -It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). \ No newline at end of file +It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). diff --git a/docs/src/pages/guides/interoperability/interoperability-ru.md b/docs/src/pages/guides/interoperability/interoperability-ru.md index 3d7f4a9d84949b..6cd31128d92475 100644 --- a/docs/src/pages/guides/interoperability/interoperability-ru.md +++ b/docs/src/pages/guides/interoperability/interoperability-ru.md @@ -15,7 +15,7 @@ This guide aims to document the most popular alternatives, but you should find t Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -68,7 +68,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** @@ -156,7 +156,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -327,7 +327,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -382,7 +382,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** @@ -426,7 +426,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) @@ -501,4 +501,4 @@ We encourage to share the same theme object between Material-UI and your styles. ### The `styled()` API -It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). \ No newline at end of file +It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). diff --git a/docs/src/pages/guides/interoperability/interoperability-zh.md b/docs/src/pages/guides/interoperability/interoperability-zh.md index 2f61e5d0127a5d..ea64fc7f955a58 100644 --- a/docs/src/pages/guides/interoperability/interoperability-zh.md +++ b/docs/src/pages/guides/interoperability/interoperability-zh.md @@ -15,7 +15,7 @@ Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -68,7 +68,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** @@ -156,7 +156,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -327,7 +327,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -382,7 +382,7 @@ If you attempt to style a Drawer with variant permanent, you will likely need to The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** @@ -426,7 +426,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) @@ -501,4 +501,4 @@ We encourage to share the same theme object between Material-UI and your styles. ### The `styled()` API -It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). \ No newline at end of file +It works exactly like styled components. You can [use the same guide](/guides/interoperability/#styled-components). diff --git a/docs/src/pages/guides/interoperability/interoperability.md b/docs/src/pages/guides/interoperability/interoperability.md index 47ae9cc7f971b0..517028bb28e094 100644 --- a/docs/src/pages/guides/interoperability/interoperability.md +++ b/docs/src/pages/guides/interoperability/interoperability.md @@ -17,7 +17,7 @@ There are examples for the following styling solutions: Nothing fancy, just plain CSS. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/plain-css-mtzri) @@ -71,7 +71,7 @@ You need to use the [`classes`](/styles/advanced/#overriding-styles-classes-prop The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **PlainCssButtonDeep.css** ```css @@ -158,7 +158,7 @@ import { StylesProvider } from '@material-ui/core/styles'; The `styled()` method works perfectly on all of the components. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/styled-components-r1fsr) @@ -339,7 +339,7 @@ const StyledMenu = styled(({ className, ...props }) => ( It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/css-modules-3j29h) @@ -395,7 +395,7 @@ You need to use the [`classes`](/styles/advanced/#overriding-styles-classes-prop The following example overrides the `label` style of `Button` in addition to the custom styles on the button itself. -{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/StyledComponents.js", "hideToolbar": true}} **CssModulesButtonDeep.css** ```css @@ -439,7 +439,7 @@ export default function CssModulesButtonDeep() { Emotion's **css()** method works seamlessly with Material-UI. -{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideHeader": true}} +{{"demo": "pages/guides/interoperability/EmotionCSS.js", "hideToolbar": true}} [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/emotion-bgfxj) diff --git a/docs/src/pages/versions/versions-de.md b/docs/src/pages/versions/versions-de.md index c51f4286335bcd..1a9f0f51ab7471 100644 --- a/docs/src/pages/versions/versions-de.md +++ b/docs/src/pages/versions/versions-de.md @@ -6,13 +6,13 @@ Die aktuellste Version wird in der Produktion empfohlen. -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## Neueste Versionen Hier finden Sie die neuesten unveröffentlichten Dokumentationen und Codes. Sie können damit feststellen, welche Änderungen bevorstehen, und den Mitwirkenden der Material-UI besseres Feedback geben. -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## Versionierungsstrategie @@ -68,4 +68,4 @@ Um diese Übergänge so einfach wie möglich zu machen: - Deprecated features are announced in the changelog, and when possible, with warnings at runtime. - When a deprecation is announced, recommended update path is provided. - Existing use of a stable API during the deprecation period is supported, so your code will keep working during that period. -- Peer dependency updates (React) that require changes to your apps are only made in a major release. \ No newline at end of file +- Peer dependency updates (React) that require changes to your apps are only made in a major release. diff --git a/docs/src/pages/versions/versions-es.md b/docs/src/pages/versions/versions-es.md index 26ca14b867c5ab..839206ee428d30 100644 --- a/docs/src/pages/versions/versions-es.md +++ b/docs/src/pages/versions/versions-es.md @@ -6,13 +6,13 @@ La versión más reciente se recomienda en producción. -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## Latest versions Aquí puedes encontrar la version inédita mas reciente de la documentación y código. Puedes usarlo para ver qué cambios se avecinan y proporcionar mejores comentarios a los contribuyentes de Material-UI. -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## Estrategia para versionado @@ -68,4 +68,4 @@ To make these transitions as easy as possible: - Deprecated features are announced in the changelog, and when possible, with warnings at runtime. - When a deprecation is announced, recommended update path is provided. - Existing use of a stable API during the deprecation period is supported, so your code will keep working during that period. -- Peer dependency updates (React) that require changes to your apps are only made in a major release. \ No newline at end of file +- Peer dependency updates (React) that require changes to your apps are only made in a major release. diff --git a/docs/src/pages/versions/versions-fr.md b/docs/src/pages/versions/versions-fr.md index 5979905383c0da..2a80b33e61c027 100644 --- a/docs/src/pages/versions/versions-fr.md +++ b/docs/src/pages/versions/versions-fr.md @@ -6,13 +6,13 @@ La version la plus récente est recommandée en production. -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## Versions les plus récentes Ici vous pouvez trouver la dernière documentation non publiée et le code. Vous pouvez l'utiliser pour voir les modifications à venir et fournir des retours aux contributeurs de Material-UI. -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## Stratégie de gestion des versions @@ -68,4 +68,4 @@ To make these transitions as easy as possible: - Deprecated features are announced in the changelog, and when possible, with warnings at runtime. - When a deprecation is announced, recommended update path is provided. - Existing use of a stable API during the deprecation period is supported, so your code will keep working during that period. -- Peer dependency updates (React) that require changes to your apps are only made in a major release. \ No newline at end of file +- Peer dependency updates (React) that require changes to your apps are only made in a major release. diff --git a/docs/src/pages/versions/versions-ja.md b/docs/src/pages/versions/versions-ja.md index adf74b364428ef..fa51bf83404d3f 100644 --- a/docs/src/pages/versions/versions-ja.md +++ b/docs/src/pages/versions/versions-ja.md @@ -6,13 +6,13 @@ 本番環境では最新バージョンをお勧めします。 -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## 最新バージョン ここには、最新の未発表の文書とコードがあります。 これを使用して、変更点を確認し、Material-UIの貢献者により良いフィードバックを提供できます。 -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## バージョン管理戦略 @@ -68,4 +68,4 @@ Find details on the [supported versions](/getting-started/support/#supported-ver - Deprecated features are announced in the changelog, and when possible, with warnings at runtime. - 廃止が発表された時、推奨されるアップデートの仕方が提供されます。 - 廃止猶予期間中の安定したAPIの既存使用をサポートしているため、その期間中もコードは機能し続けます。 -- アプリの変更を必要とするピア依存の更新（React）は、メジャーリリースでのみ行われます。 \ No newline at end of file +- アプリの変更を必要とするピア依存の更新（React）は、メジャーリリースでのみ行われます。 diff --git a/docs/src/pages/versions/versions-pt.md b/docs/src/pages/versions/versions-pt.md index 263b5ae70e5f19..ecdb278cdb305c 100644 --- a/docs/src/pages/versions/versions-pt.md +++ b/docs/src/pages/versions/versions-pt.md @@ -6,13 +6,13 @@ É recomendado usar a versão mais recente em ambiente de produção. -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## Últimas versões Aqui pode encontrar a versão em desenvolvimento e sua documentação. Poderá usar esta versão para ver quais alterações que estão a ser implementadas e fornecer um feedback melhor para os contribuidores de Material-UI. -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## Estratégia de controle de versão @@ -68,4 +68,4 @@ Para tornar essas transições o mais fácil possível: - Deprecated features are announced in the changelog, and when possible, with warnings at runtime. - When a deprecation is announced, recommended update path is provided. - Existing use of a stable API during the deprecation period is supported, so your code will keep working during that period. -- Peer dependency updates (React) that require changes to your apps are only made in a major release. \ No newline at end of file +- Peer dependency updates (React) that require changes to your apps are only made in a major release. diff --git a/docs/src/pages/versions/versions-ru.md b/docs/src/pages/versions/versions-ru.md index c00f32dba0336c..fd948e23aa4507 100644 --- a/docs/src/pages/versions/versions-ru.md +++ b/docs/src/pages/versions/versions-ru.md @@ -6,13 +6,13 @@ The most recent version is recommended in production. -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## Последние версии Здесь вы можете найти последнюю неопубликованную документацию и код. You can use it to see what changes are coming and provide better feedback to Material-UI contributors. -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## Versioning strategy @@ -68,4 +68,4 @@ To make these transitions as easy as possible: - Deprecated features are announced in the changelog, and when possible, with warnings at runtime. - When a deprecation is announced, recommended update path is provided. - Existing use of a stable API during the deprecation period is supported, so your code will keep working during that period. -- Peer dependency updates (React) that require changes to your apps are only made in a major release. \ No newline at end of file +- Peer dependency updates (React) that require changes to your apps are only made in a major release. diff --git a/docs/src/pages/versions/versions-zh.md b/docs/src/pages/versions/versions-zh.md index 4ee93c8a3d54ad..1c1314b33ab9f2 100644 --- a/docs/src/pages/versions/versions-zh.md +++ b/docs/src/pages/versions/versions-zh.md @@ -6,13 +6,13 @@ 我们推荐在生产开发中使用最新版本。 -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## 最新版本 在这里您可以找到尚未发布的最新文档和代码。 您可以使用它来查看未来的更新，并给 Material-UI 的贡献者提供更好的反馈。 -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## 版本控制方案 @@ -68,4 +68,4 @@ Material-UI遵循[语义化版本2.0.0](https://semver.org/)。 Material-UI 的 - 弃用的功能会在更新日志中公布，并且尽可能在运行时发出警告。 - 当公布弃用时，提供建议的更新办法。 - 在弃用期间支持现有的稳定API，因此您的代码将在此期间继续工作。 -- 要求对您的应用进行修改的同版本依赖更新（React）只会在主版本进行。 \ No newline at end of file +- 要求对您的应用进行修改的同版本依赖更新（React）只会在主版本进行。 diff --git a/docs/src/pages/versions/versions.md b/docs/src/pages/versions/versions.md index e0cb9b41f833cb..b468a53cd2b336 100644 --- a/docs/src/pages/versions/versions.md +++ b/docs/src/pages/versions/versions.md @@ -6,14 +6,14 @@ The most recent version is recommended in production. -{{"demo": "pages/versions/StableVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/StableVersions.js", "hideToolbar": true, "bg": "inline"}} ## Latest versions Here you can find the latest unreleased documentation and code. You can use it to see what changes are coming and provide better feedback to Material-UI contributors. -{{"demo": "pages/versions/LatestVersions.js", "hideHeader": true, "bg": "inline"}} +{{"demo": "pages/versions/LatestVersions.js", "hideToolbar": true, "bg": "inline"}} ## Versioning strategy diff --git a/docs/translations/translations.json b/docs/translations/translations.json index be3abd16a6b15c..90234ea56f3de7 100644 --- a/docs/translations/translations.json +++ b/docs/translations/translations.json @@ -91,6 +91,7 @@ "decreaseSpacing": "decrease spacing", "getProfessionalSupport": "Get Professional Support", "diamondSponsors": "Diamond Sponsors", + "demoToolbarLabel": "demo source", "pages": { "/getting-started": "Getting Started", "/getting-started/installation": "Installation",