diff --git a/docs/src/pages/components/alert/alert-zh.md b/docs/src/pages/components/alert/alert-zh.md
index b96e33596a35d8..388aff0e4f737c 100644
--- a/docs/src/pages/components/alert/alert-zh.md
+++ b/docs/src/pages/components/alert/alert-zh.md
@@ -61,7 +61,7 @@ components: Alert, AlertTitle
你可以使用「消息条」来显示[ 带确认按钮的Toast 提示](/components/snackbars/#customized-snackbars) 。
-## 颜色
+## Color 颜色
`color` 属性用来改变不同程度「提醒」的默认颜色。
diff --git a/docs/src/pages/components/autocomplete/autocomplete-de.md b/docs/src/pages/components/autocomplete/autocomplete-de.md
index c9a47febe71f9b..74058f48c8822d 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-de.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-de.md
@@ -16,7 +16,7 @@ It's meant to be an improved version of the "react-select" and "downshift" packa
## Combo box
-The value must be chosen from a predefined set of allowed values.
+Der Wert muss aus einer vordefinierten Menge zulässiger Werte ausgewählt werden.
{{"demo": "pages/components/autocomplete/ComboBox.js"}}
@@ -28,7 +28,7 @@ Die folgenden Beispiele demonstrieren je eine Funktion der Autocomplete-Komponen
### Länderauswahl
-Choose one of the 248 countries.
+Wählen Sie eines der 248 Länder.
{{"demo": "pages/components/autocomplete/CountrySelect.js"}}
diff --git a/docs/src/pages/components/box/box-de.md b/docs/src/pages/components/box/box-de.md
index 1e440fce62f2fb..637a964ea766e0 100644
--- a/docs/src/pages/components/box/box-de.md
+++ b/docs/src/pages/components/box/box-de.md
@@ -6,7 +6,7 @@ title: Box React Komponente
Die Box-Komponente dient als Wrapper-Komponente für die meisten Anforderungen des CSS-Dienstprogramms.
-Die Box-Komponenten packt [alle Stilfunktionen](/system/basics/#all-inclusive), die in `@material-ui/system` verfügbar sind. Es wird mit der [`styled()`](/styles/api/#styled-style-function-component) function aus `@material-ui/core/styles` erstellt.
+Die Box-Komponente kombiniert [alle Stilfunktionen](/system/basics/#all-inclusive), die in `@material-ui/system` verfügbar sind. Es wird mit der [`styled()`](/styles/api/#styled-style-function-component) function aus `@material-ui/core/styles` erstellt.
## Beispiel
@@ -14,7 +14,7 @@ Die Style-Funktion der [Palette](/system/palette/).
## Material-UI-Komponenten überschreiben
-Die Box-Komponente umschließt Ihre Komponente. Es erstellt ein neues DOM-Element, standardmäßig `
`, das mit der Eigenschaft `component` geändert werden kann. Angenommen, Sie möchten stattdessen ein `` verwenden:
+Die Box-Komponente umschließt Ihre Komponente. Es erstellt ein neues DOM-Element, welches – sofern nicht anders im `component`-Attribut angegeben – ein `
`-Element ist. Angenommen, Sie möchten stattdessen ein `` verwenden:
```jsx
diff --git a/docs/src/pages/components/cards/cards-zh.md b/docs/src/pages/components/cards/cards-zh.md
index c57d564258a255..1d3b1bf48bae34 100644
--- a/docs/src/pages/components/cards/cards-zh.md
+++ b/docs/src/pages/components/cards/cards-zh.md
@@ -51,4 +51,4 @@ components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedi
## Customization 个性化
-👑如果您还在寻找灵感,您可以查看一下 [MUI Treasury 自定义的例子](https://mui-treasury.com/components/card)。
+👑如果您还在寻找灵感,您可以查看一下 [MUI Treasury 自定义的例子](https://mui-treasury.com/components/card)。
\ No newline at end of file
diff --git a/docs/src/pages/components/container/container-de.md b/docs/src/pages/components/container/container-de.md
index f52792ab7f59ae..45601002957531 100644
--- a/docs/src/pages/components/container/container-de.md
+++ b/docs/src/pages/components/container/container-de.md
@@ -5,13 +5,13 @@ components: Container
# Container
-
Der Container zentriert Ihren Inhalt horizontal. Es ist das grundlegendste Layoutelement.
+
Der Container zentriert Ihren Inhalt horizontal. Er ist das grundlegendste Layoutelement.
-Während Container geschachtelt werden können, benötigen die meisten Layouts keinen verschachtelten Container.
+Container können verschachtelt werden, für die meisten Layouts ist dies aber nicht notwendig.
-## Flexibel
+## Flexible Container
-Eine Breite des Fluidcontainers wird durch den Wert `maxWidth` begrenzt.
+Die Breite eines flexiblen Containers wird durch den Wert des `maxWidth`-Attributs begrenzt.
{{"demo": "pages/components/container/SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}}
diff --git a/docs/src/pages/components/container/container-zh.md b/docs/src/pages/components/container/container-zh.md
index 0500c0fae47e4a..77731a743d0566 100644
--- a/docs/src/pages/components/container/container-zh.md
+++ b/docs/src/pages/components/container/container-zh.md
@@ -5,11 +5,11 @@ components: Container
# Container 容器
-
-[对话框](https://material.io/design/components/dialogs.html)是 [modal](/components/modal/) 窗体的一种类型,它通常在应用程序内容之前呈现,来提供一些关键信息,或者要求用户做出决策。 对话框出现的时候会禁用应用程序的所有功能,只有被确认、被取消或已采取其他必要的操作时,对话框才不会留在屏幕上。
+[对话框](https://material.io/design/components/dialogs.html)是 [modal](/components/modal/) 窗体的一种类型,它通常在应用程序内容之前呈现,来提供一些关键信息,或者要求用户做出决策。 对话框出现的时候会禁用应用程序的所有功能,只有被确认、被取消或已采取其他必要的操作时,对话框会从屏幕中消失。
-对话框会带有目的性地中断用户体验,所以请您谨慎使用。
+对话框会带有目的性地打断工作流程,所以请您谨慎使用。
## 简单的对话框
@@ -17,19 +17,19 @@ components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions
触摸操作机制:
-- 选择一项将立刻触发提交选项,并关闭菜单
-- 在对话框外触摸或按下“返回”,将取消操作并关闭对话框。
+- 选中一个选项则会立刻触发提交选项,并关闭菜单的操作
+- 在对话框外点击,或按下“返回”,将会取消操作并关闭对话框。
{{"demo": "pages/components/dialogs/SimpleDialog.js"}}
## 警告框
-警告框是一种紧急中断的行为,用以将某一情况通知用户,并需要确认。
+警告框是一种紧急中断的行为,用以通知用户,并需要确认。
大多数警报不需要标题。 删繁就简,总而言之:
-- 问一个问题(例如:"是否删除此对话?”)
-- 发表一个和动作按钮相关的声明
+- 问一个问题(例如:“是否删除此对话?”)
+- 陈述一个和动作按钮相关的声明
请仅在高风险情况下使用标题栏警报,考虑到可能丢失连接。 用户应该能够单凭标题和按钮文本来理解所有的选项。
@@ -105,8 +105,8 @@ function MyComponent() {
考虑到用户有不同的视图大小,并且使用不同的设备,对话框会变得太长,这样的情况下,对话框是可滚动的。
-- `scroll=paper` 可以使对话框的内容在 paper 元素中滚动。
-- `scroll=body` 可以使对话框的内容在 body 元素内滚动。
+- 使用 `scroll=paper`,对话框的内容能在 paper 元素中滚动。
+- 使用 `scroll=body`,对话框的内容能在 body 元素中滚动。
请看一下下面的例子,这会帮助您加深理解:
@@ -114,7 +114,7 @@ function MyComponent() {
## 局限性
-Follow the [Modal limitations section](/components/modal/#limitations).
+参考[对话框性能部分](/components/modal/#limitations)。
## 可访问性
diff --git a/docs/src/pages/components/drawers/drawers-zh.md b/docs/src/pages/components/drawers/drawers-zh.md
index 14c8db03a925aa..f9b9a02a205f21 100644
--- a/docs/src/pages/components/drawers/drawers-zh.md
+++ b/docs/src/pages/components/drawers/drawers-zh.md
@@ -38,19 +38,19 @@ const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);
```
-## 响应式抽屉
+## 响应式的抽屉
-利用` Hidden `组件,可以根据屏幕宽度显示不同类型的抽屉。 显示小屏幕的 `temporary` 抽屉,而更宽屏幕显示 `permanent` 抽屉。
+利用` Hidden `这个响应式的辅助组件,可以根据屏幕宽度显示不同类型的抽屉。 屏幕尺寸较小的时候会显示 `temporary` 抽屉,而更宽的屏幕则显示 `permanent` 抽屉。
{{"demo": "pages/components/drawers/ResponsiveDrawer.js", "iframe": true}}
## 持久的抽屉
-持久抽屉可以在打开或关闭之间切换。 抽屉与内容位于同一表面的高度上。 它默认情况下是关闭的,可通过选择菜单图标打开,直到用户选择关闭之前,它都会保持打开状态。 在不同操作和不同节点切换时,抽屉的状态都会被记住。
+持久抽屉可以在打开或关闭状态之间切换。 抽屉与内容位于同一表面的高度上。 它默认情况下是关闭的,可通过选择菜单图标打开,直到用户选择关闭之前,它都会保持打开状态。 在不同操作和不同节点切换时,抽屉的状态都会被记住。
当抽屉位于页面网格之外并打开时,抽屉会强制其他内容更改大小并适应较小的视口。
-Persistent navigation drawers are acceptable for all sizes larger than mobile. They are not recommended for apps with multiple levels of hierarchy that require using an up arrow for navigation.
+持久的抽屉能够适用于比移动设备大的屏幕尺寸。 那些有多个层次等级的应用,会用到向上的箭头作为导航,在这样的情况下,我们不推荐使用持久的抽屉。
{{"demo": "pages/components/drawers/PersistentDrawerLeft.js", "iframe": true}}
@@ -58,21 +58,21 @@ Persistent navigation drawers are acceptable for all sizes larger than mobile. T
## 迷你变体抽屉
-在这种情况下,持久的抽屉会更改其宽度。 它的静止状态是一个与其内容相同的迷你抽屉,并且被应用栏夹住。 展开后,它将显示为标准的持久的导航抽屉。
+在这种情况下,持久的抽屉会更改其宽度。 它的静止状态是一个与其内容相同的迷你抽屉,由一个应用栏夹住。 展开后,它将显示为标准的持久的导航抽屉。
-若需要快速选择访问内容的应用部分的情况,我们建议您使用迷你变体抽屉。
+若有快速选择访问应用以及访问应用内容的需求,我们建议您使用迷你变体抽屉。
{{"demo": "pages/components/drawers/MiniDrawer.js", "iframe": true}}
## 永久抽屉
-Permanent navigation drawers are always visible and pinned to the left edge, at the same elevation as the content or background. They cannot be closed.
+永久抽屉始终可见并固定在左侧,与内容或背景位于同一高度。 他们无法被关闭。
-**在桌面情况下,我们推荐的默认值是**固定的抽屉。
+**桌面上,我们推荐的默认导航是**一个固定的导航。
### 全高导航栏
-应用程序应该注重通过从左到右层次结构的布局的信息消费。
+一个从左到右层次结构的信息消费,是应用程序需要重视的。
{{"demo": "pages/components/drawers/PermanentDrawerLeft.js", "iframe": true}}
diff --git a/docs/src/pages/components/grid/grid-zh.md b/docs/src/pages/components/grid/grid-zh.md
index a4a6e42c6ad1fe..ae0fd945218004 100644
--- a/docs/src/pages/components/grid/grid-zh.md
+++ b/docs/src/pages/components/grid/grid-zh.md
@@ -1,6 +1,6 @@
---
title: React Grid 栅格组件
-components: Grid 栅格
+components: Grid
---
# Grid 栅格
diff --git a/docs/src/pages/components/icons/icons-es.md b/docs/src/pages/components/icons/icons-es.md
index a3bef53b60a885..d1617fd1ba3c9c 100644
--- a/docs/src/pages/components/icons/icons-es.md
+++ b/docs/src/pages/components/icons/icons-es.md
@@ -29,7 +29,7 @@ npm install @material-ui/icons
yarn add @material-ui/icons
```
-These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so they have a peer-dependency on the next release of Material-UI.
+Estos componentes utilizan el componente SvgIcon de Material-UI para representar la ruta SVG para cada icono, y por lo tanto tienen una dependencia entre pares de la siguiente versión de Material-UI.
If you are not already using Material-UI in your project, you can add it with:
diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/src/pages/components/icons/icons-zh.md
index baa7e27267f349..3f26ec1f1193dc 100644
--- a/docs/src/pages/components/icons/icons-zh.md
+++ b/docs/src/pages/components/icons/icons-zh.md
@@ -90,7 +90,7 @@ function HomeIcon(props) {
}
```
-### 颜色
+### Color 颜色
{{"demo": "pages/components/icons/SvgIconsColor.js"}}
diff --git a/docs/src/pages/components/lists/lists-zh.md b/docs/src/pages/components/lists/lists-zh.md
index 479a04432ad689..e489ce2750d9ad 100644
--- a/docs/src/pages/components/lists/lists-zh.md
+++ b/docs/src/pages/components/lists/lists-zh.md
@@ -1,5 +1,5 @@
---
-title: React List(列表)组件
+title: React List 列表组件
components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader
---
@@ -7,7 +7,7 @@ components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, Lis
列表是对文本或图像的连续、垂直的索引。
-[列表](https://material.io/design/components/lists.html) 是一组连续的文本或图像。 它们由包含主要和补充操作的项子集组成,而这些操作由图标和文本表示。
+[列表](https://material.io/design/components/lists.html) 能够承载一组连续的文本或图像。 它们由包含主要和补充操作的项子集组成,而这些操作由图标和文本表示。
## 简易列表
@@ -43,41 +43,41 @@ function ListItemLink(props) {
{{"demo": "pages/components/lists/InteractiveList.js", "bg": true}}
-## 可选的
+## 可选的列表子项
{{"demo": "pages/components/lists/SelectedListItem.js", "bg": true}}
## 对齐列表项
-在显示3行或更多行时,您应该更改列表项的对齐,设置 `alignItems="flex-start"` 这样的属性。
+若想显示3行或者更多行时,您应该设置列表项的对齐属性为 `alignItems="flex-start"`。
{{"demo": "pages/components/lists/AlignItemsList.js", "bg": true}}
## 列表控件
-### 选择框
+### Checkbox 选择框
一个选择框既可以是主操作,又可以是辅助操作。
-The checkbox is the primary action and the state indicator for the list item. The comment button is a secondary action and a separate target.
+选择框执行了主要的操作,也是该列表子项的状态指示器。 而评论按钮则执行了辅助的操作,并且一个单独的目标。
{{"demo": "pages/components/lists/CheckboxList.js", "bg": true}}
-该复选框是列表项的辅助操作和单独的目标。
+该复选框执行了列表项的辅助操作,并且是一个单独的目标。
{{"demo": "pages/components/lists/CheckboxListSecondary.js", "bg": true}}
-### 开关
+### Switch 开关
-该开关是辅助操作和单独的目标。
+该开关作用为一个辅助操作和一个单独的目标。
{{"demo": "pages/components/lists/SwitchListSecondary.js", "bg": true}}
-## 固定的 Subheader List(副标题列表)
+## 固定的副标题列表
在滚动列表时,子标题保持固定在屏幕的顶端,直到被下一个子标题推离屏幕。
-This feature relies on CSS sticky positioning. Unfortunately it's [not implemented](https://caniuse.com/#search=sticky) by all the supported browsers. It defaults to `disableSticky` when not supported.
+此性能由 CSS sticky 位置实现。 可惜的是,这一功能并未在我们支持的所有浏览器中 [实现](https://caniuse.com/#search=sticky) 。 若浏览器不支持,则默认使用 `disableSticky`。
{{"demo": "pages/components/lists/PinnedSubheaderList.js", "bg": true}}
@@ -87,11 +87,11 @@ This feature relies on CSS sticky positioning. Unfortunately it's [not implement
## 大型列表渲染
-在下面的示例中,我们演示了如何将 [react-window](https://github.com/bvaughn/react-window) 与 `List` 组件一起使用 它渲染了200行,可以轻松处理更多行。 可视化优化了整体的性能。
+在下面的示例中,我们演示了如何将 [react-window](https://github.com/bvaughn/react-window) 与 `List` 组件一起使用。 它渲染了200多行,并且可以轻松的延展到更多行。 可视化优化了整体的性能。
{{"demo": "pages/components/lists/VirtualizedList.js", "bg": true}}
-The use of [react-window](https://github.com/bvaughn/react-window) when possible is encouraged. 如果这个库不包括你的用例,你应该考虑使用 [react-virtualized](https://github.com/bvaughn/react-virtualized),然后使用 [react-virtuoso](https://github.com/petyosi/react-virtuoso)等替代品。
+我们鼓励尽可能使用 [react-window](https://github.com/bvaughn/react-window)。 如果这个库不包括你的用例,你应该考虑使用 [react-virtualized](https://github.com/bvaughn/react-virtualized),然后使用 [react-virtuoso](https://github.com/petyosi/react-virtuoso)等替代品。
## 个性化
diff --git a/docs/src/pages/components/rating/rating-de.md b/docs/src/pages/components/rating/rating-de.md
index dfe12877a34d73..00e19264cafcb6 100644
--- a/docs/src/pages/components/rating/rating-de.md
+++ b/docs/src/pages/components/rating/rating-de.md
@@ -5,7 +5,7 @@ components: Bewertung
# Bewertung
-
Ratings provide insight regarding others’ opinions and experiences with a product. Users can also rate products they’ve purchased.
+
Bewertungen geben Einblicke in die Meinungen und Erfahrungen anderer mit einem Produkt. Benutzer können auch Produkte bewerten, die sie gekauft haben.
## Einfache Bewertungen
diff --git a/docs/src/pages/components/switches/switches-de.md b/docs/src/pages/components/switches/switches-de.md
index b2d72f63b51eae..a9eb23f9d93e1e 100644
--- a/docs/src/pages/components/switches/switches-de.md
+++ b/docs/src/pages/components/switches/switches-de.md
@@ -49,7 +49,7 @@ Sie können die Platzierung des Etiketts ändern:
## Barrierefreiheit
-- It will render an element with the `checkbox` role not `switch` role since this role isn't widely supported yet. Please test first if assistive technology of your target audience supports this role properly. Then you can change the role with ``
+- Es wird ein Element mit der `checkbox`-Rolle statt der `switch`-Rolle ausgegeben, da jene größtenteils noch nicht unterstützt wird. Please test first if assistive technology of your target audience supports this role properly. Then you can change the role with ``
- Alle Formularsteuerelemente sollten Beschriftungen haben. Dazu gehören Optionsfelder, Kontrollkästchen und Schalter. In den meisten Fällen wird dazu das Element `