-crwdns107399:0crwdne107399:0
-
### crwdns105483:0crwdne105483:0
-crwdns105485:0crwdne105485:0
\ No newline at end of file
+crwdns108801:0crwdne108801:0
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-de.md b/docs/src/modules/components/backers-de.md
index 6a60df23028712..9c690e91c3ab56 100644
--- a/docs/src/modules/components/backers-de.md
+++ b/docs/src/modules/components/backers-de.md
@@ -1,30 +1,22 @@
-
Material-UI's sponsors
+
Sponsoren von Material-UI
-The core of Material-UI is a [crowd-funded](/discover-more/backers/) open-source project, licensed under the permissive MIT license. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development.
+The continued development and maintenance of Material-UI is made possible by these generous sponsors:
-### Diamond 💎
+### Diamant 💎
-*3/3 slots available*
-
-Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. Please contact us at diamond@material-ui.com to subscribe to this tier.
+*3/3 Plätze verfügbar*
### Gold 🏆
-über [Patreon](https://www.patreon.com/oliviertassinari)
-
-Gold Sponsors are those who have pledged $500/month or more to Material-UI.
-
### Es gibt noch mehr!
-Sehen Sie sich die vollständige Liste [unserer Unterstützer](/discover-more/backers/) an.
\ No newline at end of file
+See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-es.md b/docs/src/modules/components/backers-es.md
index 5e78d82a0fbfe1..96cc3d5dbb28ba 100644
--- a/docs/src/modules/components/backers-es.md
+++ b/docs/src/modules/components/backers-es.md
@@ -1,30 +1,22 @@
Patrocinadores de Material-UI
-The core of Material-UI is a [crowd-funded](/discover-more/backers/) open-source project, licensed under the permissive MIT license. El patrocinio aumenta la tasa de corrección de errores, mejoras de documentación y desarrollo de funciones futuras.
+The continued development and maintenance of Material-UI is made possible by these generous sponsors:
### Diamante 💎
*%s espacios disponibles*
-Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. Por favor, póngase en contacto con nosotros en diamond@material-ui.com para suscribirse a este nivel.
-
### Oro 🏆
-via [Patreon](https://www.patreon.com/oliviertassinari)
-
-
+
-a través de [OpenCollective](https://opencollective.com/material-ui)
-
-
+
-Gold Sponsors are those who have pledged $500/month or more to Material-UI.
-
### ¡Y aún hay más!
-Revise la lista de todos [nuestros patrocinadores](/discover-more/backers/).
\ No newline at end of file
+See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-fr.md b/docs/src/modules/components/backers-fr.md
index 0dee854a760e33..79375574c8182e 100644
--- a/docs/src/modules/components/backers-fr.md
+++ b/docs/src/modules/components/backers-fr.md
@@ -1,30 +1,22 @@
Sponsors de Material-UI
-The core of Material-UI is a [crowd-funded](/discover-more/backers/) open-source project, licensed under the permissive MIT license. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development.
+The continued development and maintenance of Material-UI is made possible by these generous sponsors:
-### Diamond 💎
+### Diamant 💎
-*3/3 slots available*
+*3/3 places disponibles*
-Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. Please contact us at diamond@material-ui.com to subscribe to this tier.
-
-### Gold 🏆
-
-via [Patreon](https://www.patreon.com/oliviertassinari)
+### Or 🏆
-Gold Sponsors are those who have pledged $500/month or more to Material-UI.
-
### Il y en a plus !
-Voir la liste complète de [nos contributeurs](/discover-more/backers/) .
\ No newline at end of file
+See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-ja.md b/docs/src/modules/components/backers-ja.md
index e408d2b0497577..fdc210b285b380 100644
--- a/docs/src/modules/components/backers-ja.md
+++ b/docs/src/modules/components/backers-ja.md
@@ -1,30 +1,22 @@
Material-UI's sponsors
-The core of Material-UI is a [crowd-funded](/discover-more/backers/) open-source project, licensed under the permissive MIT license. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development.
+The continued development and maintenance of Material-UI is made possible by these generous sponsors:
### Diamond 💎
*3/3 slots available*
-Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. Please contact us at diamond@material-ui.com to subscribe to this tier.
-
### Gold 🏆
-[パトロン](https://www.patreon.com/oliviertassinari)によるものです。
-
-Gold Sponsors are those who have pledged $500/month or more to Material-UI.
-
### もっとあります！
-[私たちのサポーター](/discover-more/backers/)のリストを見て下さい。
\ No newline at end of file
+See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-pt.md b/docs/src/modules/components/backers-pt.md
index 7f7df357e8ae41..8b9a437996525b 100644
--- a/docs/src/modules/components/backers-pt.md
+++ b/docs/src/modules/components/backers-pt.md
@@ -1,30 +1,22 @@
-
Material-UI's sponsors
+
Patrocinadores do Material-UI
-The core of Material-UI is a [crowd-funded](/discover-more/backers/) open-source project, licensed under the permissive MIT license. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development.
+The continued development and maintenance of Material-UI is made possible by these generous sponsors:
-### Diamond 💎
+### Diamante 💎
-*3/3 slots available*
+*3/3 espaços disponíveis*
-Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. Please contact us at diamond@material-ui.com to subscribe to this tier.
-
-### Gold 🏆
-
-via [Patreon](https://www.patreon.com/oliviertassinari)
+### Ouro 🏆
-Gold Sponsors are those who have pledged $500/month or more to Material-UI.
-
### E tem mais!
-Veja a lista completa de [nossos apoiadores](/discover-more/backers/).
\ No newline at end of file
+See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-ru.md b/docs/src/modules/components/backers-ru.md
index 93d42ccf6efb97..6a85086795c99a 100644
--- a/docs/src/modules/components/backers-ru.md
+++ b/docs/src/modules/components/backers-ru.md
@@ -1,30 +1,22 @@
Спонсоры Material-UI
-Material-UI - это проект с открытым исходным кодом, [финансируемый общественностью](/discover-more/backers/), имеющий лицензию открытого программного обеспечения (MIT licese). Спонсорство ускоряет исправление ошибок, улучшение документации и разработку нового функционала.
+The continued development and maintenance of Material-UI is made possible by these generous sponsors:
### Алмазные 💎
*3/3 мест свободно*
-Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. Пожалуйста, свяжитесь с нами по адресу diamond@material-ui.com, чтобы стать одни из них.
-
### Золотые 🏆
-на [Patreon](https://www.patreon.com/oliviertassinari)
-
-Gold Sponsors are those who have pledged $500/month or more to Material-UI.
-
### Узнать больше!
-Посмотреть полный список [спонсоров](/discover-more/backers/).
\ No newline at end of file
+See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-zh.md b/docs/src/modules/components/backers-zh.md
index fd42a60de1e2fa..8690ee01f65ce0 100644
--- a/docs/src/modules/components/backers-zh.md
+++ b/docs/src/modules/components/backers-zh.md
@@ -1,30 +1,22 @@
Material-UI 的赞助商
-Material-UI 是一个[众筹](/discover-more/backers/)的开源项目，根据MIT协议进行许可。 赞助可用加快我们错误修复，文档改进和功能开发的速度。
+The continued development and maintenance of Material-UI is made possible by these generous sponsors:
### 钻石级💎
*3/3 个位置可用*
-Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. 请联系邮箱 diamond@material-ui.com 以订阅此级别。
-
### 金杯级 🏆
-通过 [Patreon](https://www.patreon.com/oliviertassinari)
-
-Gold Sponsors are those who have pledged $500/month or more to Material-UI.
-
-### 其实还有更多！
+### 不仅如此！
-查看[我们赞助商](/discover-more/backers/)的完整名单。
\ No newline at end of file
+See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
diff --git a/docs/src/pages/company/about/about-aa.md b/docs/src/pages/company/about/about-aa.md
deleted file mode 100644
index d4dfdcd49d9736..00000000000000
--- a/docs/src/pages/company/about/about-aa.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# crwdns107527:0crwdne107527:0
-
-
We’re on a mission to make building UIs with React fun.
-
-## Our Mission
-
-Our company is focused on making React UIs development easier, better, and accessible to more people. We build open source and commercial tools used by many hundreds of thousands of developers in production. We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies.
-
-## Our Vision
-
-Our vision is to provide React components for faster and easier web development. [Read more](/discover-more/vision/).
-
-## Our Values
-
-Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type.
-
-## Our Story
-
-Material-UI started back in 2014 to unify React and Material Design.
-
-Today, Material-UI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries.
diff --git a/docs/src/pages/company/about/about-es.md b/docs/src/pages/company/about/about-es.md
deleted file mode 100644
index a3b29726021227..00000000000000
--- a/docs/src/pages/company/about/about-es.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# About Us
-
-
We’re on a mission to make building UIs with React fun.
-
-## Our Mission
-
-Our company is focused on making React UIs development easier, better, and accessible to more people. We build open source and commercial tools used by many hundreds of thousands of developers in production. We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies.
-
-## Our Vision
-
-Our vision is to provide React components for faster and easier web development. [Read more](/discover-more/vision/).
-
-## Our Values
-
-Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type.
-
-## Our Story
-
-Material-UI started back in 2014 to unify React and Material Design.
-
-Today, Material-UI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries.
diff --git a/docs/src/pages/company/about/about-fr.md b/docs/src/pages/company/about/about-fr.md
deleted file mode 100644
index a3b29726021227..00000000000000
--- a/docs/src/pages/company/about/about-fr.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# About Us
-
-
We’re on a mission to make building UIs with React fun.
-
-## Our Mission
-
-Our company is focused on making React UIs development easier, better, and accessible to more people. We build open source and commercial tools used by many hundreds of thousands of developers in production. We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies.
-
-## Our Vision
-
-Our vision is to provide React components for faster and easier web development. [Read more](/discover-more/vision/).
-
-## Our Values
-
-Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type.
-
-## Our Story
-
-Material-UI started back in 2014 to unify React and Material Design.
-
-Today, Material-UI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries.
diff --git a/docs/src/pages/company/about/about-ja.md b/docs/src/pages/company/about/about-ja.md
deleted file mode 100644
index a3b29726021227..00000000000000
--- a/docs/src/pages/company/about/about-ja.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# About Us
-
-
We’re on a mission to make building UIs with React fun.
-
-## Our Mission
-
-Our company is focused on making React UIs development easier, better, and accessible to more people. We build open source and commercial tools used by many hundreds of thousands of developers in production. We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies.
-
-## Our Vision
-
-Our vision is to provide React components for faster and easier web development. [Read more](/discover-more/vision/).
-
-## Our Values
-
-Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type.
-
-## Our Story
-
-Material-UI started back in 2014 to unify React and Material Design.
-
-Today, Material-UI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries.
diff --git a/docs/src/pages/company/about/about-pt.md b/docs/src/pages/company/about/about-pt.md
deleted file mode 100644
index a3b29726021227..00000000000000
--- a/docs/src/pages/company/about/about-pt.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# About Us
-
-
We’re on a mission to make building UIs with React fun.
-
-## Our Mission
-
-Our company is focused on making React UIs development easier, better, and accessible to more people. We build open source and commercial tools used by many hundreds of thousands of developers in production. We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies.
-
-## Our Vision
-
-Our vision is to provide React components for faster and easier web development. [Read more](/discover-more/vision/).
-
-## Our Values
-
-Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type.
-
-## Our Story
-
-Material-UI started back in 2014 to unify React and Material Design.
-
-Today, Material-UI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries.
diff --git a/docs/src/pages/company/about/about-ru.md b/docs/src/pages/company/about/about-ru.md
deleted file mode 100644
index a3b29726021227..00000000000000
--- a/docs/src/pages/company/about/about-ru.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# About Us
-
-
We’re on a mission to make building UIs with React fun.
-
-## Our Mission
-
-Our company is focused on making React UIs development easier, better, and accessible to more people. We build open source and commercial tools used by many hundreds of thousands of developers in production. We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies.
-
-## Our Vision
-
-Our vision is to provide React components for faster and easier web development. [Read more](/discover-more/vision/).
-
-## Our Values
-
-Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type.
-
-## Our Story
-
-Material-UI started back in 2014 to unify React and Material Design.
-
-Today, Material-UI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries.
diff --git a/docs/src/pages/company/about/about-zh.md b/docs/src/pages/company/about/about-zh.md
deleted file mode 100644
index a3b29726021227..00000000000000
--- a/docs/src/pages/company/about/about-zh.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# About Us
-
-
We’re on a mission to make building UIs with React fun.
-
-## Our Mission
-
-Our company is focused on making React UIs development easier, better, and accessible to more people. We build open source and commercial tools used by many hundreds of thousands of developers in production. We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies.
-
-## Our Vision
-
-Our vision is to provide React components for faster and easier web development. [Read more](/discover-more/vision/).
-
-## Our Values
-
-Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type.
-
-## Our Story
-
-Material-UI started back in 2014 to unify React and Material Design.
-
-Today, Material-UI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries.
diff --git a/docs/src/pages/company/contact/contact-aa.md b/docs/src/pages/company/contact/contact-aa.md
deleted file mode 100644
index 78d1760b5d9de9..00000000000000
--- a/docs/src/pages/company/contact/contact-aa.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# crwdns107555:0crwdne107555:0
-
-
-
-Please choose a topic below related to your inquiry:
-
-- [Help & Support](/getting-started/support/)
-- Email enquiries: [contact@material-ui.com](mailto:contact@material-ui.com)
-- Our address:
**Material-UI SAS** 128 rue de la boetie 75008 Paris France
diff --git a/docs/src/pages/company/contact/contact-es.md b/docs/src/pages/company/contact/contact-es.md
deleted file mode 100644
index 6bef4930784bba..00000000000000
--- a/docs/src/pages/company/contact/contact-es.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Contact Us
-
-
We’re all ears.
-
-Please choose a topic below related to your inquiry:
-
-- [Help & Support](/getting-started/support/)
-- Email enquiries: [contact@material-ui.com](mailto:contact@material-ui.com)
-- Our address:
**Material-UI SAS** 128 rue de la boetie 75008 Paris France
diff --git a/docs/src/pages/company/contact/contact-fr.md b/docs/src/pages/company/contact/contact-fr.md
deleted file mode 100644
index 6bef4930784bba..00000000000000
--- a/docs/src/pages/company/contact/contact-fr.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Contact Us
-
-
We’re all ears.
-
-Please choose a topic below related to your inquiry:
-
-- [Help & Support](/getting-started/support/)
-- Email enquiries: [contact@material-ui.com](mailto:contact@material-ui.com)
-- Our address:
**Material-UI SAS** 128 rue de la boetie 75008 Paris France
diff --git a/docs/src/pages/company/contact/contact-ja.md b/docs/src/pages/company/contact/contact-ja.md
deleted file mode 100644
index 6bef4930784bba..00000000000000
--- a/docs/src/pages/company/contact/contact-ja.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Contact Us
-
-
We’re all ears.
-
-Please choose a topic below related to your inquiry:
-
-- [Help & Support](/getting-started/support/)
-- Email enquiries: [contact@material-ui.com](mailto:contact@material-ui.com)
-- Our address:
**Material-UI SAS** 128 rue de la boetie 75008 Paris France
diff --git a/docs/src/pages/company/contact/contact-pt.md b/docs/src/pages/company/contact/contact-pt.md
deleted file mode 100644
index 6bef4930784bba..00000000000000
--- a/docs/src/pages/company/contact/contact-pt.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Contact Us
-
-
We’re all ears.
-
-Please choose a topic below related to your inquiry:
-
-- [Help & Support](/getting-started/support/)
-- Email enquiries: [contact@material-ui.com](mailto:contact@material-ui.com)
-- Our address:
**Material-UI SAS** 128 rue de la boetie 75008 Paris France
diff --git a/docs/src/pages/company/contact/contact-ru.md b/docs/src/pages/company/contact/contact-ru.md
deleted file mode 100644
index 6bef4930784bba..00000000000000
--- a/docs/src/pages/company/contact/contact-ru.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Contact Us
-
-
We’re all ears.
-
-Please choose a topic below related to your inquiry:
-
-- [Help & Support](/getting-started/support/)
-- Email enquiries: [contact@material-ui.com](mailto:contact@material-ui.com)
-- Our address:
**Material-UI SAS** 128 rue de la boetie 75008 Paris France
diff --git a/docs/src/pages/company/contact/contact-zh.md b/docs/src/pages/company/contact/contact-zh.md
deleted file mode 100644
index 6bef4930784bba..00000000000000
--- a/docs/src/pages/company/contact/contact-zh.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Contact Us
-
-
We’re all ears.
-
-Please choose a topic below related to your inquiry:
-
-- [Help & Support](/getting-started/support/)
-- Email enquiries: [contact@material-ui.com](mailto:contact@material-ui.com)
-- Our address:
**Material-UI SAS** 128 rue de la boetie 75008 Paris France
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-es.md b/docs/src/pages/components/about-the-lab/about-the-lab-es.md
index 6ae1f21bb489f1..c900bf47acb5b2 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-es.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-es.md
@@ -1,20 +1,20 @@
-# About the lab
+# Acerca de lab
-
This package hosts the incubator components that are not yet ready to move to the core.
+
Este paquete almacena componentes en desarrollo, que todavía no están listos para estar en core.
## Instalación
-Install the package in your project directory with:
+Instala el paquete en el directorio de su proyecto con:
```sh
-// with npm
+// con npm
npm install @material-ui/lab
-// with yarn
+// con yarn
yarn add @material-ui/lab
```
-The lab has a peer dependency on the core components. Si aún no estás usando Material-UI en tu proyecto, puedes instalarlo con:
+El lab tiene puntos de dependencias de los componentes core. Si aún no estás usando Material-UI en tu proyecto, puedes instalarlo con:
```sh
// usando npm
diff --git a/docs/src/pages/components/alert/alert-aa.md b/docs/src/pages/components/alert/alert-aa.md
index ea07750206b4e2..2af9ffc46379d6 100644
--- a/docs/src/pages/components/alert/alert-aa.md
+++ b/docs/src/pages/components/alert/alert-aa.md
@@ -7,70 +7,72 @@ components: crwdns107403:0crwdne107403:0
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+**Note:** This component is not documented in the [Material Design guidelines](https://material.io/), but Material-UI supports it.
+
## Simple alerts
The alert offers four severity levels that set a distinctive icon and color.
diff --git a/docs/src/pages/components/alert/alert-es.md b/docs/src/pages/components/alert/alert-es.md
index 02b2fb037ebbdd..dc34ec6ffe84c6 100644
--- a/docs/src/pages/components/alert/alert-es.md
+++ b/docs/src/pages/components/alert/alert-es.md
@@ -1,41 +1,43 @@
---
-title: Alert React component
+title: Componente Alert React
components: Alert
---
# Alert
-
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+
Un Alert muestra un breve mensaje importante de una forma que atrae la atención del usuario sin necesidad de interrumpir el trabajo al usuario.
-## Simple alerts
+**Nota:** Este componente no está documentado en la pautas [Material Design](https://material.io/), pero Material-UI lo soporta.
-The alert offers four severity levels that set a distinctive icon and color.
+## Alert simples
+
+El componente Alert ofrece cuatro niveles de gravedad que establecen un icono y un color distintivos.
{{"demo": "pages/components/alert/SimpleAlerts.js"}}
## Descripción
-You can use the `AlertTitle` component to display a formatted title above the content.
+Puede utilizar el componente `AlertTitle` para mostrar un título formateado por encima del contenido.
{{"demo": "pages/components/alert/DescriptionAlerts.js"}}
-## Actions
+## Acciones
-An alert can have an action, such as a close or undo button. It is rendered after the message, at the end of the alert.
+El componente Alert puede tener una acción, como un botón cerrar o deshacer. Es rendereado después del mensaje, al final del Alert.
-If an `onClose` callback is provided and no `action` prop is set, a close icon is displayed. The `action` prop can be used to provide an alternative action, for example using a Button or IconButton.
+Si se proporciona una devolución de llamada `onClose` y no se establece ningún accesorio de `action`, se muestra un icono de cierre. El accesorio de `action` se puede usar para proporcionar una acción alternativa, por ejemplo, usando un Button o un IconButton.
{{"demo": "pages/components/alert/ActionAlerts.js"}}
-### Transition
+### Transición
-You can use a [transition component](/components/transitions/) such as `Collapse` to transition the appearance of the alert.
+Puede utilizar el componente de [ transition ](/components/transitions/) como `Colapse` para la transición del componente Alert.
{{"demo": "pages/components/alert/TransitionAlerts.js"}}
## Iconos
-The `icon` prop allows you to add an icon to the beginning of the alert component. This will override the default icon for the specified severity.
+El `icon` prop permite añadir un icono para el inicio del componente Alert. This will override the default icon for the specified severity.
You can change the default severity to icon mapping with the `iconMapping` prop. This can be defined globally using [theme customization](/customization/globals/#default-props).
diff --git a/docs/src/pages/components/alert/alert-fr.md b/docs/src/pages/components/alert/alert-fr.md
index d17f314325e7af..3f12939bf216f2 100644
--- a/docs/src/pages/components/alert/alert-fr.md
+++ b/docs/src/pages/components/alert/alert-fr.md
@@ -5,9 +5,11 @@ components: Alert
# Alert
-
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+
Une alerte affiche un message court et important d'une manière qui attire l'attention de l'utilisateur sans interrompre sa tâche.
-## Simple alerts
+**Note:** This component is not documented in the [Material Design guidelines](https://material.io/), but Material-UI supports it.
+
+## Alertes simples
The alert offers four severity levels that set a distinctive icon and color.
diff --git a/docs/src/pages/components/alert/alert-ja.md b/docs/src/pages/components/alert/alert-ja.md
index bb8c7c3ff203a3..0c4674ea3223b1 100644
--- a/docs/src/pages/components/alert/alert-ja.md
+++ b/docs/src/pages/components/alert/alert-ja.md
@@ -7,6 +7,8 @@ components: Alert
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+**Note:** This component is not documented in the [Material Design guidelines](https://material.io/), but Material-UI supports it.
+
## Simple alerts
The alert offers four severity levels that set a distinctive icon and color.
diff --git a/docs/src/pages/components/alert/alert-pt.md b/docs/src/pages/components/alert/alert-pt.md
index 356f4b0e0679c1..81566020416309 100644
--- a/docs/src/pages/components/alert/alert-pt.md
+++ b/docs/src/pages/components/alert/alert-pt.md
@@ -7,6 +7,8 @@ components: Alert
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+**Note:** This component is not documented in the [Material Design guidelines](https://material.io/), but Material-UI supports it.
+
## Simple alerts
The alert offers four severity levels that set a distinctive icon and color.
diff --git a/docs/src/pages/components/alert/alert-ru.md b/docs/src/pages/components/alert/alert-ru.md
index f9d474331edd5b..eec8f2c1b50a79 100644
--- a/docs/src/pages/components/alert/alert-ru.md
+++ b/docs/src/pages/components/alert/alert-ru.md
@@ -1,27 +1,29 @@
---
-title: Alert React component
+title: Компонент Alert
components: Alert
---
# Alert
-
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+
Alert показывает короткое и важное сообщение для того, чтобы привлечь внимание пользователя, не отвлекая его от задачи.
-## Simple alerts
+**Примечание:** Этот компонент не задокументирован в [гайдлайнах Material Design](https://material.io/), но Material-UI поддерживает его.
-The alert offers four severity levels that set a distinctive icon and color.
+## Простейшие предупреждения
+
+Alert предлагает 4 уровня предупреждения с уникальным цветом и значком.
{{"demo": "pages/components/alert/SimpleAlerts.js"}}
## Описание
-You can use the `AlertTitle` component to display a formatted title above the content.
+Вы можете использовать `AlertTitle`, чтобы отобразить заголовок над содержимым.
{{"demo": "pages/components/alert/DescriptionAlerts.js"}}
-## Actions
+## Действия
-An alert can have an action, such as a close or undo button. It is rendered after the message, at the end of the alert.
+Alert может иметь действие, например кнопку закрытия или отмены. Действие рендерится после сообщения, в конце Alert.
If an `onClose` callback is provided and no `action` prop is set, a close icon is displayed. The `action` prop can be used to provide an alternative action, for example using a Button or IconButton.
diff --git a/docs/src/pages/components/alert/alert-zh.md b/docs/src/pages/components/alert/alert-zh.md
index c092878cd75771..14534cd2a56694 100644
--- a/docs/src/pages/components/alert/alert-zh.md
+++ b/docs/src/pages/components/alert/alert-zh.md
@@ -1,57 +1,59 @@
---
-title: Alert React component
-components: Alert
+title: 提醒组件
+components: 提醒
---
-# Alert
+# 提醒
-
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+
「提醒」是简短且重要的信息，在不影响用户操作的同时能够吸引用户的注意力。
-## Simple alerts
+**注意：**这个组件不在[《Material Design 指南》](https://material.io/)中，但它是被 Material-UI 支持的。
-The alert offers four severity levels that set a distinctive icon and color.
+## 简单的提醒
+
+一共有四种不同程度的「提醒」，每种都有自己独特的颜色和图标。
{{"demo": "pages/components/alert/SimpleAlerts.js"}}
## 描述
-You can use the `AlertTitle` component to display a formatted title above the content.
+在提醒内容的上面使用 `AlertTitle` 可以实现标题的格式化。
{{"demo": "pages/components/alert/DescriptionAlerts.js"}}
-## Actions
+## Actions（行为）
-An alert can have an action, such as a close or undo button. It is rendered after the message, at the end of the alert.
+一个「提醒」可以有一个行为，例如「关闭」或「撤销」按钮。 它在消息之后，「提醒」结束时被渲染。
-If an `onClose` callback is provided and no `action` prop is set, a close icon is displayed. The `action` prop can be used to provide an alternative action, for example using a Button or IconButton.
+如果提供了 `onClose` 回调且没有设置 `action` 属性的话，「关闭」图标就会显示。 这个 `action` 行为可以用其他形式来完成，例如使用一个按钮或者图标按钮。
{{"demo": "pages/components/alert/ActionAlerts.js"}}
-### Transition
+### 过渡效果
-You can use a [transition component](/components/transitions/) such as `Collapse` to transition the appearance of the alert.
+可以使用 [过渡组件](/components/transitions) ，如 `Collapse（展开）` 来实现「提醒」出现时的过渡效果。
{{"demo": "pages/components/alert/TransitionAlerts.js"}}
## Icons（图标）
-The `icon` prop allows you to add an icon to the beginning of the alert component. This will override the default icon for the specified severity.
+`icon`是指可以在「提醒」组件的开始的地方加一个图标。 以此来改变不同程度「提醒」的默认图标。
-You can change the default severity to icon mapping with the `iconMapping` prop. This can be defined globally using [theme customization](/customization/globals/#default-props).
+通过使用 `iconMapping` 这种映射方法，可以改变不同程度的默认图标。 在[自定义主题](/customization/globals/#default-props)中可以进行全局设置。
-Setting the icon prop to false will remove the icon altogether.
+把图标属性设置为 false 将会把图标都移除了。
{{"demo": "pages/components/alert/IconAlerts.js"}}
## 变种(Variants)
-Two additional variants are available – outlined, and filled:
+还可以实现「边框」和「填充」这两种变体。
-### Outlined
+### 边框
{{"demo": "pages/components/alert/OutlinedAlerts.js"}}
-### Filled
+### 填充
{{"demo": "pages/components/alert/FilledAlerts.js"}}
@@ -61,7 +63,7 @@ You can use the Snackbar to [display a toast](/components/snackbars/#customized-
## 颜色
-The `color` prop will override the default color for the specified severity.
+`color` 属性用来改变不同程度「提醒」的默认颜色。
{{"demo": "pages/components/alert/ColorAlerts.js"}}
@@ -69,7 +71,7 @@ The `color` prop will override the default color for the specified severity.
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#alert)
-When the component is dynamically displayed, the content is automatically announced by most screen readers. At this time, screen readers do not inform users of alerts that are present when the page loads.
+动态显示组件时，大部分屏幕都会自动显示其内容。 此时，屏幕不会将页面加载时出现的提醒通知给用户。
Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (for example the visible text), or is included through alternative means, such as additional hidden text.
diff --git a/docs/src/pages/components/app-bar/app-bar-de.md b/docs/src/pages/components/app-bar/app-bar-de.md
index 17bfcc84614a45..7fdb86bfceffb1 100644
--- a/docs/src/pages/components/app-bar/app-bar-de.md
+++ b/docs/src/pages/components/app-bar/app-bar-de.md
@@ -49,7 +49,7 @@ A prominent app bar.
When you render the app bar position fixed, the dimension of the element doesn't impact the rest of the page. This can cause some part of your content to be invisible, behind the app bar. Here are 3 possible solutions:
-1. You can use `position="sticky"` instead of fixed. ⚠️ sticky is not supported by IE 11.
+1. You can use `position="sticky"` instead of fixed. ⚠️ sticky wird vom IE 11 nicht unterstützt.
2. You can render a second `` component:
```jsx
@@ -101,9 +101,9 @@ The app bar elevates on scroll to communicate that the user is not at the top of
{{"demo": "pages/components/app-bar/ElevateAppBar.js", "iframe": true}}
-### Back to top
+### Zurück nach oben
-A floating action buttons appears on scroll to make it easy to get back to the top of the page.
+Beim Scrollen erscheint ein schwebender Button, um einfach wieder zum Seitenanfang zu gelangen.
{{"demo": "pages/components/app-bar/BackToTop.js", "iframe": true}}
diff --git a/docs/src/pages/components/app-bar/app-bar-pt.md b/docs/src/pages/components/app-bar/app-bar-pt.md
index 23339731a04819..64ed0bf397dcf9 100644
--- a/docs/src/pages/components/app-bar/app-bar-pt.md
+++ b/docs/src/pages/components/app-bar/app-bar-pt.md
@@ -9,9 +9,9 @@ components: AppBar, Toolbar, Menu
A [barra de aplicativos superior](https://material.io/design/components/app-bars-top.html) provê conteúdo e ações relacionados à tela atual. Ela é utilizada para a identidade visual, títulos de tela, navegação, e ações.
-It can transform into a contextual action bar or be used as a navbar.
+Ela pode se transformar em uma barra de ações contextual ou ser utilizada como uma barra de navegação.
-## App Bar simples
+## Barra de Aplicativos Simples
{{"demo": "pages/components/app-bar/ButtonAppBar.js", "bg": true}}
diff --git a/docs/src/pages/components/autocomplete/autocomplete-aa.md b/docs/src/pages/components/autocomplete/autocomplete-aa.md
index f10fb45a6db557..0d62fe04799329 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-aa.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-aa.md
@@ -32,21 +32,23 @@ crwdns104506:0crwdne104506:0
## crwdns104508:0crwdne104508:0
-crwdns104510:0crwdne104510:0
+crwdns107773:0crwdne107773:0 crwdns107775:0crwdne107775:0
-crwdns104512:0crwdne104512:0
+crwdns107777:0crwdne107777:0
+
+crwdns107779:0crwdne107779:0
## crwdns104514:0crwdne104514:0
-crwdns104516:0crwdne104516:0
+crwdns107781:0crwdne107781:0
## crwdns104518:0crwdne104518:0
-crwdns104520:0crwdne104520:0
+crwdns107783:0crwdne107783:0
## `crwdns104522:0crwdne104522:0`
-crwdns104524:0crwdne104524:0 crwdns105112:0crwdne105112:0 crwdns104528:0crwdne104528:0
+crwdns107785:0crwdne107785:0 crwdns107787:0crwdne107787:0 crwdns107789:0crwdne107789:0
```jsx
crwdns104530:0crwdne104530:0
@@ -54,73 +56,73 @@ crwdns104530:0crwdne104530:0
- crwdns105108:0crwdne105108:0
-crwdns104534:0crwdne104534:0
+crwdns107791:0crwdne107791:0
### crwdns104950:0crwdne104950:0
-crwdns104952:0crwdne104952:0
+crwdns107793:0crwdne107793:0
-crwdns104954:0crwdne104954:0
+crwdns107795:0crwdne107795:0
## crwdns104542:0crwdne104542:0
-crwdns104544:0crwdne104544:0
+crwdns107797:0crwdne107797:0
### crwdns104546:0crwdne104546:0
-crwdns104956:0crwdne104956:0
+crwdns107799:0crwdne107799:0
-crwdns104552:0crwdne104552:0
+crwdns107801:0crwdne107801:0
-crwdns104958:0crwdne104958:0
+crwdns107803:0crwdne107803:0
> crwdns104960:0crwdne104960:0
## crwdns104554:0crwdne104554:0
-crwdns107221:0crwdne107221:0
+crwdns107805:0crwdne107805:0
-crwdns104964:0crwdne104964:0
+crwdns107807:0crwdne107807:0
### crwdns104560:0crwdne104560:0
-crwdns104966:0crwdne104966:0
+crwdns107809:0crwdne107809:0
-crwdns104968:0crwdne104968:0
+crwdns107811:0crwdne107811:0
### crwdns104566:0crwdne104566:0
-crwdns104970:0crwdne104970:0
+crwdns107813:0crwdne107813:0
## crwdns106429:0crwdne106429:0
-crwdns106431:0crwdne106431:0 crwdns106433:0crwdne106433:0
+crwdns107815:0crwdne107815:0 crwdns107817:0crwdne107817:0
-crwdns106435:0crwdne106435:0
+crwdns107819:0crwdne107819:0
## crwdns106437:0crwdne106437:0
-crwdns106439:0crwdne106439:0
+crwdns107821:0crwdne107821:0
-crwdns106441:0crwdne106441:0
+crwdns107823:0crwdne107823:0
-crwdns106443:0crwdne106443:0
+crwdns107825:0crwdne107825:0
## crwdns106445:0crwdne106445:0
-crwdns106447:0crwdne106447:0
+crwdns107827:0crwdne107827:0
-crwdns106449:0crwdne106449:0
+crwdns107829:0crwdne107829:0
## crwdns106451:0crwdne106451:0
-crwdns106453:0crwdne106453:0 crwdns106455:0crwdne106455:0
+crwdns107831:0crwdne107831:0 crwdns107833:0crwdne107833:0
```js
crwdns104588:0{ createFilterOptions }crwdne104588:0
```
-crwdns106457:0crwdne106457:0
+crwdns107835:0crwdne107835:0
1. crwdns104592:0[optional]crwdne104592:0
- crwdns104594:0[optional]crwdne104594:0 crwdns104596:0crwdne104596:0
@@ -129,17 +131,17 @@ crwdns106457:0crwdne106457:0
- crwdns104604:0[optional]crwdne104604:0
- crwdns104606:0[optional]crwdne104606:0 crwdns104608:0crwdne104608:0
-crwdns106459:0crwdne106459:0
+crwdns107837:0crwdne107837:0
```js
crwdns104612:0{filterOptions}crwdne104612:0
```
-crwdns106461:0crwdne106461:0
+crwdns107839:0crwdne107839:0
### crwdns104994:0crwdne104994:0
-crwdns106463:0crwdne106463:0 crwdns106465:0crwdne106465:0
+crwdns107841:0crwdne107841:0 crwdns107843:0crwdne107843:0
```jsx
crwdns104620:0{ inputValue }crwdnd104620:0{filterOptions}crwdne104620:0
@@ -147,18 +149,37 @@ crwdns104620:0{ inputValue }crwdnd104620:0{filterOptions}crwdne104620:0
## crwdns106467:0crwdne106467:0
-crwdns106469:0crwdne106469:0 crwdns106471:0crwdne106471:0
+crwdns107845:0crwdne107845:0 crwdns107847:0crwdne107847:0
-crwdns106473:0crwdne106473:0
+crwdns107849:0crwdne107849:0
## crwdns106475:0crwdne106475:0
-### crwdns105008:0crwdne105008:0
+### crwdns107851:0crwdne107851:0
+
+crwdns107853:0crwdne107853:0 crwdns107855:0crwdne107855:0
+
+crwdns107857:0crwdne107857:0
+
+crwdns107859:0crwdne107859:0 crwdns107861:0crwdne107861:0
+
+- crwdns107863:0crwdne107863:0 crwdns107865:0crwdne107865:0 crwdns107867:0crwdne107867:0
+- crwdns107869:0crwdne107869:0
+ crwdns107871:0{...params}crwdnd107871:0{{
+ ...params.inputProps,
+ autoComplete: 'new-password',
+ }}crwdne107871:0
+
+### crwdns107873:0crwdne107873:0
+
+crwdns107875:0crwdne107875:0 crwdns107877:0crwdne107877:0
+
+### crwdns107879:0crwdne107879:0
-crwdns106477:0crwdne106477:0 crwdns106479:0crwdne106479:0
+crwdns107881:0crwdne107881:0 crwdns107883:0crwdne107883:0 crwdns107885:0crwdne107885:0
## crwdns106481:0crwdne106481:0
-crwdns106483:0crwdne106483:0
+crwdns107887:0crwdne107887:0
-crwdns106485:0crwdne106485:0 crwdns106487:0crwdne106487:0
\ No newline at end of file
+crwdns107889:0crwdne107889:0 crwdns107891:0crwdne107891:0
\ No newline at end of file
diff --git a/docs/src/pages/components/autocomplete/autocomplete-de.md b/docs/src/pages/components/autocomplete/autocomplete-de.md
index badd4943767da9..c794d4d9342a2e 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-de.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-de.md
@@ -7,7 +7,7 @@ components: TextField, Popper, Autocomplete
Die Autovervollständigung ist eine normale Texteingabe, die durch ein Panel mit vorgeschlagenen Optionen ergänzt wird.
-The widget is useful for setting the value of a single-line textbox in one of two types of scenarios:
+Das Widget ist nützlich, um den Wert eines einzeiligen Textfeldes in einem von zwei Arten von Szenarien zu setzen:
1. The value for the textbox must be chosen from a predefined set of allowed values, e.g., a location field must contain a valid location name: [combo box](#combo-box).
2. The textbox may contain any arbitrary value, but it is advantageous to suggest possible values to the user, e.g., a search field may suggest similar or previous searches to save the user time: [free solo](#free-solo).
@@ -18,21 +18,23 @@ The value must be chosen from a predefined set of allowed values.
{{"demo": "pages/components/autocomplete/ComboBox.js"}}
-### Playground
+### Spielwiese
-Each of the following examples demonstrate one feature of the Autocomplete component.
+Die folgenden Beispiele demonstrieren je eine Funktion der Autocomplete-Komponente.
{{"demo": "pages/components/autocomplete/Playground.js"}}
-### Country select
+### Länderauswahl
-Choose one country between 248.
+Wählen Sie ein Land aus 248.
{{"demo": "pages/components/autocomplete/CountrySelect.js"}}
## Free solo
-Set `freeSolo` to true so the textbox can contain any arbitrary value.
+Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
@@ -62,29 +64,29 @@ import useAutocomplete from '@material-ui/lab/useAutocomplete';
Head to the [Customized Autocomplete](#customized-autocomplete) section for a customization example with the `Autocomplete` component instead of the hook.
-## Asynchronous requests
+## Asynchrone Anfragen
{{"demo": "pages/components/autocomplete/Asynchronous.js"}}
-### Google Maps place
+### Google Maps Ort
-A customized UI for Google Maps Places Autocomplete.
+Eine angepasste Oberfläche für Google Maps Places Autovervollständigung.
{{"demo": "pages/components/autocomplete/GoogleMaps.js"}}
-For this demo, we need to load the [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API.
+Für diese Demo müssen wir die [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API laden.
-> ⚠️ Before you can start using the Google Maps JavaScript API, you must sign up and create a billing account.
+> ⚠️ Bevor Sie die Google Maps JavaScript-API verwenden können, müssen Sie sich anmelden und ein Abrechnungskonto erstellen.
-## Multiple values
+## Mehrere Werte
-Also known as tags, the user is allowed to enter more than one value.
+Auch als Tags bekannt, darf der Benutzer mehr als einen Wert eingeben.
{{"demo": "pages/components/autocomplete/Tags.js"}}
-### Fixed options
+### Feste Optionen
-In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
+Falls Sie bestimmte Tags sperren müssen, damit sie nicht in der Schnittstelle entfernt werden können, können Sie die Chips deaktivieren.
{{"demo": "pages/components/autocomplete/FixedTags.js"}}
@@ -94,13 +96,13 @@ In the event that you need to lock certain tag so that they can't be removed in
## Größen
-Fancy smaller inputs? Use the `size` prop.
+Fancy smaller inputs? Verwenden Sie die `size` Prop.
{{"demo": "pages/components/autocomplete/Sizes.js"}}
-## Customized Autocomplete
+## Angepasste Autovervollständigung
-This demo reproduces the GitHub's label picker:
+Diese Demo reproduziert die Label-Auswahl von GitHub:
{{"demo": "pages/components/autocomplete/GitHubLabel.js"}}
@@ -112,24 +114,24 @@ The following demo relies on [autosuggest-highlight](https://github.com/moroshko
{{"demo": "pages/components/autocomplete/Highlights.js"}}
-## Custom filter
+## Benutzerderfinierter Filter
-The component exposes a factory to create a filter method that can provided to the `filerOption` prop. You can use it to change the default option filter behavior.
+The component exposes a factory to create a filter method that can provided to the `filerOption` prop. Sie können es verwenden, um das Standard-Filterverhalten der Option zu ändern.
```js
import { createFilterOptions } from '@material-ui/lab/Autocomplete';
```
-It supports the following options:
+Es unterstützt die folgenden Optionen:
1. `config` (*Object* [optional]):
- `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics.
- - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Lowercase everything.
+ - `config.ignoreCase` (*Boolean* [optional]): Defaults to `true`. Alles in Kleinbuchstaben.
- `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
- `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
- - `config.trim ` (*Boolean* [optional]): Standardeinstellung ist `false`. Remove trailing spaces.
+ - `config.trim ` (*Boolean* [optional]): Standardeinstellung ist `false`. Abschließende Leerzeichen entfernen.
-In the following demo, the options need to start with the query prefix:
+In der folgenden Demo müssen die Optionen mit dem Abfragepräfix beginnen:
```js
const filterOptions = createFilterOptions({
@@ -155,20 +157,43 @@ const filterOptions = (options, { inputValue }) =>
```
-## Virtualization
+## Virtualisierung
-Search within 10,000 randomly generated options. The list is virtualized thanks to [react-window](https://github.com/bvaughn/react-window).
+Suche innerhalb von 10.000 zufällig generierten Optionen. Die Liste ist virtualisiert dank [react-window](https://github.com/bvaughn/react-window).
{{"demo": "pages/components/autocomplete/Virtualize.js"}}
## Einschränkungen
+### autocomplete/autofill
+
+Die Browser haben Heuristiken, um den Benutzern zu helfen, die Formulareingaben auszufüllen. Es kann jedoch die UX der Komponente negativ beeinflussen.
+
+By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
+
+Zusätzlich zur Speicherung der eingegebenen Werte kann der Browser aber auch **Autofill** Vorschläge vorschlagen (gespeichertes Login, Adresse oder Zahlungsinformationen). Falls Sie die automatische Füllung vermeiden möchten, können Sie Folgendes versuchen:
+
+- Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. Wenn Sie die ID leer lassen, verwendet die Komponente eine zufällige ID.
+- Setze `autoComplete="neues Passwort"`:
+ jsx
+
+
### iOS VoiceOver
-VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
+VoiceOver auf iOS Safari unterstützt das `aria-owns` Attribut nicht sehr gut. You can work around the issue with the `disablePortal` prop.
+
+### TypeScript
+
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript könnte diesen Fehler in Zukunft lösen.
## Barrierefreiheit
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
-We encourage the usage of a label for the textbox. The component implements the WAI-ARIA authoring practices.
\ No newline at end of file
+Wir empfehlen die Verwendung eines Labels für die Textbox. Die Komponente implementiert die WAI-ARIA Autorenpraktiken.
\ No newline at end of file
diff --git a/docs/src/pages/components/autocomplete/autocomplete-es.md b/docs/src/pages/components/autocomplete/autocomplete-es.md
index 1587d5f6fe0357..26cb9a8640df2a 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-es.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-es.md
@@ -32,7 +32,9 @@ Choose one country between 248.
## Free solo
-Set `freeSolo` to true so the textbox can contain any arbitrary value.
+Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
@@ -108,7 +110,7 @@ Head to the [Customized hook](#customized-hook) section for a customization exam
## Destacados
-La siguiente demostración se basa en [autosuggest-highlight](https://github.com/moroshko/autosuggest-highlight), una pequeña utilidad (1 kB) para resaltar texto en componentes de autosuggest y autocompletar.
+The following demo relies on [autosuggest-highlight](https://github.com/moroshko/autosuggest-highlight), a small (1 kB) utility for highlighting text in autosuggest and autocomplete components.
{{"demo": "pages/components/autocomplete/Highlights.js"}}
@@ -163,10 +165,33 @@ Search within 10,000 randomly generated options. The list is virtualized thanks
## Limitaciones
+### autocomplete/autofill
+
+The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component.
+
+By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
+
+However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
+
+- Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. If you leave the id empty, the component uses a random id.
+- Set `autoComplete="new-password"`:
+ jsx
+
+
### iOS VoiceOver
VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
+### TypeScript
+
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript might solve this bug in the future.
+
## Accesibilidad
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
diff --git a/docs/src/pages/components/autocomplete/autocomplete-fr.md b/docs/src/pages/components/autocomplete/autocomplete-fr.md
index cc1174cc21c37d..68631a95a3f15d 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-fr.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-fr.md
@@ -7,7 +7,7 @@ components: TextField, Popper, Autocomplete
La saisie semi-automatique est une entrée de texte normale améliorée par un panneau d'options suggérées.
-The widget is useful for setting the value of a single-line textbox in one of two types of scenarios:
+Le widget est utile pour définir la valeur d'une zone de texte simple d'une seule ligne dans l'un des deux types de scénarios suivants:
1. The value for the textbox must be chosen from a predefined set of allowed values, e.g., a location field must contain a valid location name: [combo box](#combo-box).
2. The textbox may contain any arbitrary value, but it is advantageous to suggest possible values to the user, e.g., a search field may suggest similar or previous searches to save the user time: [free solo](#free-solo).
@@ -32,7 +32,9 @@ Choose one country between 248.
## Free solo
-Set `freeSolo` to true so the textbox can contain any arbitrary value.
+Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
@@ -163,10 +165,33 @@ Search within 10,000 randomly generated options. The list is virtualized thanks
## Limites
+### autocomplete/autofill
+
+The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component.
+
+By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
+
+However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
+
+- Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. If you leave the id empty, the component uses a random id.
+- Set `autoComplete="new-password"`:
+ jsx
+
+
### iOS VoiceOver
VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
+### TypeScript
+
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript might solve this bug in the future.
+
## Accessibilité
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
diff --git a/docs/src/pages/components/autocomplete/autocomplete-ja.md b/docs/src/pages/components/autocomplete/autocomplete-ja.md
index 2e493e5c7a27e5..6c39226286bd8c 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-ja.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-ja.md
@@ -32,7 +32,9 @@ Choose one country between 248.
## Free solo
-Set `freeSolo` to true so the textbox can contain any arbitrary value.
+Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
@@ -163,10 +165,33 @@ Search within 10,000 randomly generated options. The list is virtualized thanks
## 制限事項
+### autocomplete/autofill
+
+The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component.
+
+By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
+
+However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
+
+- Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. If you leave the id empty, the component uses a random id.
+- Set `autoComplete="new-password"`:
+ jsx
+
+
### iOS VoiceOver
VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
+### TypeScript
+
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript might solve this bug in the future.
+
## アクセシビリティ
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
diff --git a/docs/src/pages/components/autocomplete/autocomplete-pt.md b/docs/src/pages/components/autocomplete/autocomplete-pt.md
index ab39ec4c55949f..bbfb388a8562fb 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-pt.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-pt.md
@@ -32,7 +32,9 @@ Choose one country between 248.
## Free solo
-Set `freeSolo` to true so the textbox can contain any arbitrary value.
+Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
@@ -163,10 +165,33 @@ Search within 10,000 randomly generated options. The list is virtualized thanks
## Limitações
+### autocomplete/autofill
+
+The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component.
+
+By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
+
+However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
+
+- Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. If you leave the id empty, the component uses a random id.
+- Set `autoComplete="new-password"`:
+ jsx
+
+
### iOS VoiceOver
VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
+### TypeScript
+
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript might solve this bug in the future.
+
## Acessibilidade
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
diff --git a/docs/src/pages/components/autocomplete/autocomplete-ru.md b/docs/src/pages/components/autocomplete/autocomplete-ru.md
index a90cd0e1171cd6..38e83535bed046 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-ru.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-ru.md
@@ -32,7 +32,9 @@ components: TextField, Popper, Autocomplete
## Бесплатное соло
-Установите для `freeSolo` значение true, чтобы текстовое поле могло содержать любое произвольное значение.
+Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
@@ -46,7 +48,7 @@ components: TextField, Popper, Autocomplete
## `useAutocomplete`
-Для продвинутой кастомизации используйте `useAutocomplete()` хук. It accepts almost the same options as the Autocomplete component minus all the props related to the rendering of JSX. The Autocomplete component uses this hook internally.
+For advanced customization use cases, we expose a `useAutocomplete()` hook. It accepts almost the same options as the Autocomplete component minus all the props related to the rendering of JSX. The Autocomplete component uses this hook internally.
```jsx
import useAutocomplete from '@material-ui/lab/useAutocomplete';
@@ -84,7 +86,7 @@ Also known as tags, the user is allowed to enter more than one value.
### Фиксированные опции
-В случае, если вам нужно зафиксировать определенный тег (так что он не мог быть удалён через интерфейс), вы можете установить chips в состояние disabled.
+In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
{{"demo": "pages/components/autocomplete/FixedTags.js"}}
@@ -144,7 +146,7 @@ const filterOptions = createFilterOptions({
### Дополнительные параметры
-For richer filtering mechanisms, like fuzzy matching, it's recommended to look at [match-sorter](https://github.com/kentcdodds/match-sorter). For instance:
+For richer filtering mechanisms, like fuzzy matching, it's recommended to look at [match-sorter](https://github.com/kentcdodds/match-sorter). Например:
```jsx
import matchSorter from 'match-sorter';
@@ -157,16 +159,39 @@ const filterOptions = (options, { inputValue }) =>
## Виртуализация
-Поиск в 10000 случайно сгенерированных опций. Список виртуализирован благодаря [реагирующему окну](https://github.com/bvaughn/react-window).
+Search within 10,000 randomly generated options. The list is virtualized thanks to [react-window](https://github.com/bvaughn/react-window).
{{"demo": "pages/components/autocomplete/Virtualize.js"}}
## Ограничения
+### autocomplete/autofill
+
+The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component.
+
+By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
+
+However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
+
+- Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. If you leave the id empty, the component uses a random id.
+- Set `autoComplete="new-password"`:
+ jsx
+
+
### iOS VoiceOver
VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
+### TypeScript
+
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript might solve this bug in the future.
+
## Доступность
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
diff --git a/docs/src/pages/components/autocomplete/autocomplete-zh.md b/docs/src/pages/components/autocomplete/autocomplete-zh.md
index c31e437020a429..f98d0ca93422e9 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-zh.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-zh.md
@@ -32,7 +32,9 @@ components: TextField, Popper, Autocomplete
## 自由独奏
-将 `freeSolo` 设置为true，以便在文本框中输入任意值。
+Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
+
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
{{"demo": "pages/components/autocomplete/FreeSolo.js"}}
@@ -42,11 +44,11 @@ components: TextField, Popper, Autocomplete
## 已禁用的选项
-{{"demo": "pages/components/autocomplete/disabledOptions.js"}}
+{{"demo": "pages/components/autocomplete/DisabledOptions.js"}}
## `使用自动完成`
-作为一种高级定制方式，我们公开了一个 `useAutocomplete()` 钩子方法。 It accepts almost the same options as the Autocomplete component minus all the props related to the rendering of JSX. Autocomplete组件内部也是使用的此钩子方法。
+For advanced customization use cases, we expose a `useAutocomplete()` hook. It accepts almost the same options as the Autocomplete component minus all the props related to the rendering of JSX. The Autocomplete component uses this hook internally.
```jsx
import useAutocomplete from '@material-ui/lab/useAutocomplete';
@@ -58,13 +60,13 @@ import useAutocomplete from '@material-ui/lab/useAutocomplete';
### 自定义钩子
-{{"demo": "pages/components/autocomplete/ustomizedHook.js"}}
+{{"demo": "pages/components/autocomplete/CustomizedHook.js"}}
-转到[自定义自动完成](#customized-autocomplete)部分，查看使用 `Autocomplete` 组件（而不是钩子）的例子。
+Head to the [Customized Autocomplete](#customized-autocomplete) section for a customization example with the `Autocomplete` component instead of the hook.
## 异步请求
-{{"demo": "pages/components/autocomplete/disabledOptions.js"}}
+{{"demo": "pages/components/autocomplete/Asynchronous.js"}}
### Google Maps place
@@ -76,13 +78,13 @@ For this demo, we need to load the [Google Maps JavaScript](https://developers.g
> ⚠️ Before you can start using the Google Maps JavaScript API, you must sign up and create a billing account.
-## Multiple values
+## Multiple values（多重值）
-Also known as tags, the user is allowed to enter more than one value.
+这也称为标签，允许用户输入多个值。
{{"demo": "pages/components/autocomplete/Tags.js"}}
-### Fixed options
+### 固定选项
In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
@@ -100,7 +102,7 @@ Fancy smaller inputs? Use the `size` prop.
## 定制的自动完成组件
-This demo reproduces the GitHub's label picker:
+该演示再现了GitHub的标签选择器：
{{"demo": "pages/components/autocomplete/GitHubLabel.js"}}
@@ -163,10 +165,33 @@ Search within 10,000 randomly generated options. The list is virtualized thanks
## 局限性
+### autocomplete/autofill
+
+The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component.
+
+By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
+
+However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
+
+- Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. If you leave the id empty, the component uses a random id.
+- Set `autoComplete="new-password"`:
+ jsx
+
+
### iOS VoiceOver
VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
+### TypeScript
+
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript might solve this bug in the future.
+
## 可访问性
(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
diff --git a/docs/src/pages/components/avatars/avatars-de.md b/docs/src/pages/components/avatars/avatars-de.md
index 7ac779b71c0dab..5b6f5edf9ed236 100644
--- a/docs/src/pages/components/avatars/avatars-de.md
+++ b/docs/src/pages/components/avatars/avatars-de.md
@@ -9,7 +9,7 @@ components: Avatar, AvatarGroup, Badge
## Bild Avatare
-Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component.
+Bild-Avatare können erstellt werden, indem reguläre `img` props `src` oder `srcSet` an die Komponente übergeben werden.
{{"demo": "pages/components/avatars/ImageAvatars.js"}}
@@ -43,7 +43,7 @@ If there is an error loading the avatar image, the component falls back to an al
- the provided children
- the first letter of tha `alt` text
-- a generic avatar icon
+- ein generisches Avatar-Symbol
{{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/backdrop/backdrop-es.md b/docs/src/pages/components/backdrop/backdrop-es.md
index cd56bf3c6ecc11..3df98f4b3fa941 100644
--- a/docs/src/pages/components/backdrop/backdrop-es.md
+++ b/docs/src/pages/components/backdrop/backdrop-es.md
@@ -1,12 +1,12 @@
---
-title: Overlay React component
+title: Overlay Componente de React
components: Backdrop
---
# Backdrop
-
The backdrop component is used to provide emphasis on a particular element or parts of it.
+
El componente backdrop es usado para proveer énfasis en un elemento particular o en partes de este.
-The overlay signals to the user of a state change within the application and can be used for creating loaders, dialogs and more. In its simplest form, the backdrop component will add a dimmed layer over your application.
+Las señales de superposición de un cambio de estado dentro de la aplicación y puede ser usado para crear cargadores, diálogos y más. En su forma simple, el componente backdrop añade una capa de atenuado sobre su aplicación.
{{"demo": "pages/components/backdrop/SimpleBackdrop.js"}}
diff --git a/docs/src/pages/components/backdrop/backdrop-ru.md b/docs/src/pages/components/backdrop/backdrop-ru.md
index cd56bf3c6ecc11..cd5748138d39cc 100644
--- a/docs/src/pages/components/backdrop/backdrop-ru.md
+++ b/docs/src/pages/components/backdrop/backdrop-ru.md
@@ -1,12 +1,12 @@
---
-title: Overlay React component
-components: Backdrop
+title: 'Затемнение: компонент React'
+components: Затемнение
---
-# Backdrop
+# Затемнение
-
The backdrop component is used to provide emphasis on a particular element or parts of it.
+
Затемнение предназначено для акцентирования внимания пользователя на определенном элементе интерфейса.
-The overlay signals to the user of a state change within the application and can be used for creating loaders, dialogs and more. In its simplest form, the backdrop component will add a dimmed layer over your application.
+Затемнение обозначает изменение состояния приложения и может быть использовано для создания диалогов, экранов загрузки и т.д. Проще говоря, затемнение добавляет затемнённый слой поверх вашего приложения.
{{"demo": "pages/components/backdrop/SimpleBackdrop.js"}}
diff --git a/docs/src/pages/components/backdrop/backdrop-zh.md b/docs/src/pages/components/backdrop/backdrop-zh.md
index b5428df360616b..2d5c6e20ea908d 100644
--- a/docs/src/pages/components/backdrop/backdrop-zh.md
+++ b/docs/src/pages/components/backdrop/backdrop-zh.md
@@ -1,9 +1,9 @@
---
-title: Overlay React component
-components: Backdrop
+title: 覆盖 React 组件
+components: 背景板（Backdrop）
---
-# Backdrop
+# 背景板（Backdrop）
Backdrop 组件用于提供对特定元素或其部分的强调。
diff --git a/docs/src/pages/components/badges/badges-de.md b/docs/src/pages/components/badges/badges-de.md
index 39d73dfcda0579..9fd3a2c743a20a 100644
--- a/docs/src/pages/components/badges/badges-de.md
+++ b/docs/src/pages/components/badges/badges-de.md
@@ -29,7 +29,7 @@ The badge auto hides with badgeContent is zero. You can override this with the `
{{"demo": "pages/components/badges/ShowZeroBadge.js"}}
-## Maximum value
+## Maximaler Wert
You can use the `max` property to cap the value of the badge content.
diff --git a/docs/src/pages/components/badges/badges-es.md b/docs/src/pages/components/badges/badges-es.md
index b1682dc66efe68..228d4dde4ad673 100644
--- a/docs/src/pages/components/badges/badges-es.md
+++ b/docs/src/pages/components/badges/badges-es.md
@@ -7,7 +7,7 @@ components: Badge
El componente Badge genera un pequeño badge en la esquina superior derecha de su(s) hijo(s).
-## Basic badges
+## Badges básicos
Ejemplos de insignias que contienen texto, utilizando colores primarios y secundarios. La insignia se aplica a sus hijos.
@@ -19,36 +19,36 @@ Here is an example of customizing the component. You can learn more about this i
{{"demo": "pages/demos/badges/CustomizedBadge.js"}}
-## Visibilidad de la placa
+## Visibilidad del Badge
La visibilidad del badge puede ser controlada usando la propiedad `invisible`.
{{"demo": "pages/components/badges/BadgeVisibility.js"}}
-The badge auto hides with badgeContent is zero. You can override this with the `showZero` property.
+El badge automáticamente se oculta con `badgeContent` igual a cero. Usted puede sobrescribir esto con la propiedad `showZero`.
{{"demo": "pages/components/badges/ShowZeroBadge.js"}}
-## Maximum value
+## Valor máximo
-You can use the `max` property to cap the value of the badge content.
+Usted puede usar la propiedad `max` para establecer el valor máximo que puede contener el Badge.
{{"demo": "pages/components/badges/BadgeMax.js"}}
-## Dot badge
+## Badge de punto
-The `dot` property changes a badge into a small dot. This can be used as a notification that something has changed without giving a count.
+La propiedad `dot` cambia el badge a un pequeño punto. Esto puede ser usado para mostrar una notificación sin mostrar el valor.
{{"demo": "pages/components/badges/DotBadge.js"}}
-## Superposición de insignia
+## Superposición del Badge
-You can use the `overlap` property to place the badge relative to the corner of the wrapped element.
+Usted puede usar la propiedad `overlap` para establecer el Badge relativo a la esquina del elemento envuelto.
{{"demo": "pages/components/badges/BadgeOverlap.js"}}
-## Alineación de la insignia
+## Alineación del Badge
-You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element.
+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
diff --git a/docs/src/pages/components/badges/badges-ru.md b/docs/src/pages/components/badges/badges-ru.md
index 86555dbab3d7a1..a267bf50dd3589 100644
--- a/docs/src/pages/components/badges/badges-ru.md
+++ b/docs/src/pages/components/badges/badges-ru.md
@@ -7,7 +7,7 @@ components: Badge
Значок генерирует маленький значок в правом верхнем углу своего дочернего(их) элемента(ов).
-## Basic badges
+## Простые значки
Примеры значков, содержащих текст, с использованием первичных и вторичных цветов. Знак применяется к своим детям.
@@ -25,30 +25,30 @@ components: Badge
{{"demo": "pages/components/badges/BadgeVisibility.js"}}
-The badge auto hides with badgeContent is zero. You can override this with the `showZero` property.
+Значок автоматически скрывается, когда свойство badgeContent равно нулю. Вы можете переопределить это с помощью пропа `showZero`.
{{"demo": "pages/components/badges/ShowZeroBadge.js"}}
-## Maximum value
+## Максимальное значение
-You can use the `max` property to cap the value of the badge content.
+Вы можете использовать проп `max`, чтобы ограничить значение значка.
{{"demo": "pages/components/badges/BadgeMax.js"}}
-## Dot badge
+## Значок-точка
-The `dot` property changes a badge into a small dot. This can be used as a notification that something has changed without giving a count.
+Проп `dot` превращает значок в маленькую точку. Это можно использовать как уведомление о том, что что-то изменилось без количества.
{{"demo": "pages/components/badges/DotBadge.js"}}
-## Badge overlap
+## Наложение значка
-You can use the `overlap` property to place the badge relative to the corner of the wrapped element.
+Вы можете использовать проп `overlap` для размещения значка относительно краев элемента.
{{"demo": "pages/components/badges/BadgeOverlap.js"}}
## Выравнивание значка
-You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element.
+Вы можете использовать проп `anchorOrigin` для перемещения значка в любой угол элемента.
{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/box/box-es.md b/docs/src/pages/components/box/box-es.md
index df66df1647272f..f52bf3a5a8a5a9 100644
--- a/docs/src/pages/components/box/box-es.md
+++ b/docs/src/pages/components/box/box-es.md
@@ -6,7 +6,7 @@ title: Box React component
El componente Box sirve como una envoltura para la mayoría de las necesidades CSS.
-El componente Box empaqua [todas las funciones de estilo](/system/basics/#all-inclusive) que están expuesta en `@material-ui/system`. It's created using the [`styled()`](/styles/api/#styled-style-function-component) function of `@material-ui/core/styles`.
+El componente Box empaqua [todas las funciones de estilo](/system/basics/#all-inclusive) que están expuesta en `@material-ui/system`. Es creado usando la función [`styled()`](/styles/api/#styled-style-function-component) de `@material-ui/core/styles`.
## Ejemplo
@@ -38,7 +38,7 @@ El componente Box tiene una propiedad `clone` para permitir el uso del método d
2. Use props de render
-The Box children accepts a render props function. Puede extraer el `className`.
+Los elementos hijo de Box aceptan una función props de render. Puede extraer el `className`.
```jsx
diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md
index e345e875991144..8ac7f04e9278b7 100644
--- a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md
+++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md
@@ -11,9 +11,9 @@ components: Breadcrumbs, Link, Typography
{{"demo": "pages/components/breadcrumbs/SimpleBreadcrumbs.js"}}
-## Active last breadcrumb
+## 最后活跃的面包屑
-Keep the last breadcrumb interactive.
+保持最后一个面包屑的互动性
{{"demo": "pages/components/breadcrumbs/ActiveLastBreadcrumb.js"}}
diff --git a/docs/src/pages/components/button-group/button-group-aa.md b/docs/src/pages/components/button-group/button-group-aa.md
new file mode 100644
index 00000000000000..eeec033fc2d0f0
--- /dev/null
+++ b/docs/src/pages/components/button-group/button-group-aa.md
@@ -0,0 +1,26 @@
+---
+title: crwdns108145:0crwdne108145:0
+components: crwdns108147:0crwdne108147:0
+---
+
+# crwdns108149:0crwdne108149:0
+
+
The ButtonGroup component can be used to group related buttons.
+
+## Basic button group
+
+{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}
+
+### Group sizes and colors
+
+{{"demo": "pages/components/button-group/GroupSizesColors.js"}}
+
+### Gruppenorientierung
+
+{{"demo": "pages/components/button-group/GroupOrientation.js"}}
+
+### Split Button
+
+Eine ButtonGroup kann auch verwendet werden um einen geteilten Button zu erstellen. Ein Dropdown kann verwendet werden um die Button-Aktion zu ändern (wie im unteren Beispiel gezeigt) oder die Aktion direkt zu aktivieren.
+
+{{"demo": "pages/components/button-group/SplitButton.js"}}
diff --git a/docs/src/pages/components/button-group/button-group-es.md b/docs/src/pages/components/button-group/button-group-es.md
new file mode 100644
index 00000000000000..8803b89b1a27ff
--- /dev/null
+++ b/docs/src/pages/components/button-group/button-group-es.md
@@ -0,0 +1,26 @@
+---
+title: ButtonGroup React component
+components: Button, ButtonGroup
+---
+
+# Button group
+
+
The ButtonGroup component can be used to group related buttons.
+
+## Basic button group
+
+{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}
+
+### Group sizes and colors
+
+{{"demo": "pages/components/button-group/GroupSizesColors.js"}}
+
+### Group orientation
+
+{{"demo": "pages/components/button-group/GroupOrientation.js"}}
+
+### Split Button
+
+ButtonGroup can also be used to create a split button. The dropdown can change the button action (as in this example), or be used to immediately trigger a related action.
+
+{{"demo": "pages/components/button-group/SplitButton.js"}}
diff --git a/docs/src/pages/components/button-group/button-group-fr.md b/docs/src/pages/components/button-group/button-group-fr.md
new file mode 100644
index 00000000000000..8803b89b1a27ff
--- /dev/null
+++ b/docs/src/pages/components/button-group/button-group-fr.md
@@ -0,0 +1,26 @@
+---
+title: ButtonGroup React component
+components: Button, ButtonGroup
+---
+
+# Button group
+
+
The ButtonGroup component can be used to group related buttons.
+
+## Basic button group
+
+{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}
+
+### Group sizes and colors
+
+{{"demo": "pages/components/button-group/GroupSizesColors.js"}}
+
+### Group orientation
+
+{{"demo": "pages/components/button-group/GroupOrientation.js"}}
+
+### Split Button
+
+ButtonGroup can also be used to create a split button. The dropdown can change the button action (as in this example), or be used to immediately trigger a related action.
+
+{{"demo": "pages/components/button-group/SplitButton.js"}}
diff --git a/docs/src/pages/components/button-group/button-group-ja.md b/docs/src/pages/components/button-group/button-group-ja.md
new file mode 100644
index 00000000000000..50780504e60ad5
--- /dev/null
+++ b/docs/src/pages/components/button-group/button-group-ja.md
@@ -0,0 +1,26 @@
+---
+title: ButtonGroup React component
+components: Button, ButtonGroup
+---
+
+# Button group
+
+
The ButtonGroup component can be used to group related buttons.
+
+## Basic button group
+
+{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}
+
+### Group sizes and colors
+
+{{"demo": "pages/components/button-group/GroupSizesColors.js"}}
+
+### Group orientation
+
+{{"demo": "pages/components/button-group/GroupOrientation.js"}}
+
+### Split Button
+
+ButtonGroupは分割ボタンの作成にも使用できます。 この例のようにドロップダウンでボタンの動作を変更することも、関連する動作をすぐに起動するために使用することもできます。
+
+{{"demo": "pages/components/button-group/SplitButton.js"}}
diff --git a/docs/src/pages/components/button-group/button-group-pt.md b/docs/src/pages/components/button-group/button-group-pt.md
new file mode 100644
index 00000000000000..a8a2ad167cf002
--- /dev/null
+++ b/docs/src/pages/components/button-group/button-group-pt.md
@@ -0,0 +1,26 @@
+---
+title: ButtonGroup React component
+components: Button, ButtonGroup
+---
+
+# Button group
+
+
The ButtonGroup component can be used to group related buttons.
+
+## Basic button group
+
+{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}
+
+### Group sizes and colors
+
+{{"demo": "pages/components/button-group/GroupSizesColors.js"}}
+
+### Group orientation
+
+{{"demo": "pages/components/button-group/GroupOrientation.js"}}
+
+### Botão Dividido
+
+O ButtonGroup também pode ser usado para criar um botão dividido. A lista suspensa pode alterar a ação do botão (como neste exemplo), ou ser usada para acionar imediatamente uma ação relacionada.
+
+{{"demo": "pages/components/button-group/SplitButton.js"}}
diff --git a/docs/src/pages/components/button-group/button-group-ru.md b/docs/src/pages/components/button-group/button-group-ru.md
new file mode 100644
index 00000000000000..8803b89b1a27ff
--- /dev/null
+++ b/docs/src/pages/components/button-group/button-group-ru.md
@@ -0,0 +1,26 @@
+---
+title: ButtonGroup React component
+components: Button, ButtonGroup
+---
+
+# Button group
+
+
The ButtonGroup component can be used to group related buttons.
+
+## Basic button group
+
+{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}
+
+### Group sizes and colors
+
+{{"demo": "pages/components/button-group/GroupSizesColors.js"}}
+
+### Group orientation
+
+{{"demo": "pages/components/button-group/GroupOrientation.js"}}
+
+### Split Button
+
+ButtonGroup can also be used to create a split button. The dropdown can change the button action (as in this example), or be used to immediately trigger a related action.
+
+{{"demo": "pages/components/button-group/SplitButton.js"}}
diff --git a/docs/src/pages/components/button-group/button-group-zh.md b/docs/src/pages/components/button-group/button-group-zh.md
new file mode 100644
index 00000000000000..dacfc0718b85e7
--- /dev/null
+++ b/docs/src/pages/components/button-group/button-group-zh.md
@@ -0,0 +1,26 @@
+---
+title: ButtonGroup React component
+components: Button, ButtonGroup
+---
+
+# Button group
+
+
The ButtonGroup component can be used to group related buttons.
+
+## Basic button group
+
+{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}
+
+### Group sizes and colors
+
+{{"demo": "pages/components/button-group/GroupSizesColors.js"}}
+
+### Group orientation
+
+{{"demo": "pages/components/button-group/GroupOrientation.js"}}
+
+### Split Button（分割按钮）
+
+ButtonGroup 也可用于创建分割按钮。 下拉列表可以用于更改按钮相关的操作（如本例所示），或者用于立即出发一个相关的操作。
+
+{{"demo": "pages/components/button-group/SplitButton.js"}}
diff --git a/docs/src/pages/components/buttons/buttons-aa.md b/docs/src/pages/components/buttons/buttons-aa.md
index 87ac88fa147263..38551c7c61b3e3 100644
--- a/docs/src/pages/components/buttons/buttons-aa.md
+++ b/docs/src/pages/components/buttons/buttons-aa.md
@@ -1,6 +1,6 @@
---
title: crwdns89530:0crwdne89530:0
-components: crwdns89532:0crwdne89532:0
+components: crwdns108211:0crwdne108211:0
---
# crwdns106125:0crwdne106125:0
@@ -19,122 +19,82 @@ crwdns89538:0crwdne89538:0 crwdns89540:0crwdne89540:0
crwdns89554:0crwdne89554:0 crwdns89556:0crwdne89556:0
-crwdns89558:0crwdne89558:0
+crwdns108287:0crwdne108287:0
-crwdns89560:0crwdne89560:0
+crwdns108289:0crwdne108289:0
-crwdns106723:0crwdne106723:0
-
-crwdns106725:0crwdne106725:0
+crwdns108291:0crwdne108291:0
## crwdns89562:0crwdne89562:0
-crwdns106727:0crwdne106727:0
+crwdns108293:0crwdne108293:0
- crwdns89566:0crwdne89566:0
- crwdns89568:0crwdne89568:0
-crwdns106729:0crwdne106729:0
+crwdns108295:0crwdne108295:0
-crwdns106731:0crwdne106731:0
+crwdns108297:0crwdne108297:0
## crwdns89574:0crwdne89574:0
-crwdns106733:0crwdne106733:0 crwdns106735:0crwdne106735:0
-
-crwdns106737:0crwdne106737:0
-
-crwdns106739:0crwdne106739:0
-
-## crwdns89586:0crwdne89586:0
-
-crwdns106741:0crwdne106741:0
-
-crwdns106743:0crwdne106743:0
-
-### crwdns106745:0crwdne106745:0
-
-crwdns106747:0crwdne106747:0
-
-### crwdns106749:0crwdne106749:0
-
-crwdns106751:0crwdne106751:0
-
-### crwdns106753:0crwdne106753:0
-
-crwdns106755:0crwdne106755:0 crwdns106757:0crwdne106757:0
-
-crwdns106759:0crwdne106759:0
-
-## crwdns106761:0crwdne106761:0
-
-crwdns106763:0crwdne106763:0 crwdns106765:0crwdne106765:0 crwdns106767:0crwdne106767:0
-
-crwdns106769:0crwdne106769:0
-
-crwdns106771:0crwdne106771:0
-
-crwdns106773:0crwdne106773:0
-
-crwdns106775:0crwdne106775:0
-
-crwdns106777:0crwdne106777:0
+crwdns108299:0crwdne108299:0 crwdns108301:0crwdne108301:0
-crwdns106779:0crwdne106779:0 crwdns106781:0crwdne106781:0
+crwdns108303:0crwdne108303:0
-crwdns106783:0crwdne106783:0
+crwdns108305:0crwdne108305:0
-## crwdns106785:0crwdne106785:0
+## crwdns108213:0crwdne108213:0
-crwdns106787:0crwdne106787:0
+crwdns108307:0crwdne108307:0
-## crwdns106789:0crwdne106789:0
+## crwdns108217:0crwdne108217:0
-crwdns106791:0crwdne106791:0 crwdns106793:0crwdne106793:0
+crwdns108309:0crwdne108309:0 crwdns108311:0crwdne108311:0
-crwdns106795:0crwdne106795:0
+crwdns108313:0crwdne108313:0
-## crwdns106797:0crwdne106797:0
+## crwdns108225:0crwdne108225:0
-crwdns106799:0crwdne106799:0 crwdns106801:0crwdne106801:0
+crwdns108315:0crwdne108315:0 crwdns108317:0crwdne108317:0
-crwdns106803:0crwdne106803:0
+crwdns108319:0crwdne108319:0
-## crwdns106805:0crwdne106805:0
+## crwdns108233:0crwdne108233:0
-crwdns106807:0crwdne106807:0
+crwdns108321:0crwdne108321:0
-crwdns106809:0crwdne106809:0
+crwdns108323:0crwdne108323:0
-crwdns106811:0crwdne106811:0
+crwdns108325:0crwdne108325:0
-## crwdns106813:0crwdne106813:0
+## crwdns108241:0crwdne108241:0
-crwdns106815:0crwdne106815:0 crwdns106817:0crwdne106817:0
+crwdns108327:0crwdne108327:0 crwdns108329:0crwdne108329:0
-crwdns106819:0crwdne106819:0
+crwdns108331:0crwdne108331:0
-crwdns106821:0crwdne106821:0
+crwdns108333:0crwdne108333:0
-## crwdns106823:0crwdne106823:0
+## crwdns108251:0crwdne108251:0
-crwdns106825:0crwdne106825:0 crwdns106827:0crwdne106827:0
+crwdns108335:0crwdne108335:0 crwdns108337:0crwdne108337:0
-crwdns106829:0crwdne106829:0
+crwdns108339:0crwdne108339:0
-## crwdns106831:0crwdne106831:0
+## crwdns108259:0crwdne108259:0
-crwdns106833:0crwdne106833:0 crwdns106835:0crwdne106835:0 crwdns106837:0crwdne106837:0 crwdns106839:0crwdne106839:0 crwdns106841:0crwdne106841:0
+crwdns108341:0crwdne108341:0 crwdns108343:0crwdne108343:0 crwdns108345:0crwdne108345:0 crwdns108347:0crwdne108347:0 crwdns108349:0crwdne108349:0
-crwdns106843:0crwdne106843:0
+crwdns108351:0crwdne108351:0
-## crwdns106845:0crwdne106845:0
+## crwdns108273:0crwdne108273:0
-### crwdns106847:0crwdne106847:0
+### crwdns108275:0crwdne108275:0
-crwdns106849:0crwdne106849:0
+crwdns108353:0crwdne108353:0
-crwdns106851:0crwdne106851:0
+crwdns108355:0crwdne108355:0
1. crwdns103698:0crwdne103698:0 crwdns103700:0crwdne103700:0
@@ -142,7 +102,7 @@ crwdns106851:0crwdne106851:0
crwdns105395:0crwdne105395:0
```
-crwdns106853:0crwdne106853:0
+crwdns108357:0crwdne108357:0
- crwdns103706:0crwdne103706:0
- crwdns103708:0crwdne103708:0
@@ -153,4 +113,4 @@ crwdns106853:0crwdne106853:0
crwdns105399:0{{ cursor: 'not-allowed' }}crwdnd105399:0{Link}crwdne105399:0
```
-crwdns106855:0crwdne106855:0
\ No newline at end of file
+crwdns108359:0crwdne108359:0
\ No newline at end of file
diff --git a/docs/src/pages/components/buttons/buttons-de.md b/docs/src/pages/components/buttons/buttons-de.md
index 6caeaae05d206d..ccb25bbf73a879 100644
--- a/docs/src/pages/components/buttons/buttons-de.md
+++ b/docs/src/pages/components/buttons/buttons-de.md
@@ -1,6 +1,6 @@
---
title: Button React Komponente
-components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom
+components: Button, IconButton, ButtonBase
---
# Button (schaltfläche)
@@ -19,8 +19,6 @@ components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom
[Contained buttons](https://material.io/design/components/buttons.html#contained-button) sind hervorgehoben und unterscheiden sich durch die Verwendung von Höhe und Füllung. Sie enthalten Aktionen, die für Ihre App vorrangig sind.
-Das letzte Beispiel dieser Demo zeigt, wie Sie eine Schaltfläche zum Hochladen verwenden.
-
{{"demo": "pages/components/buttons/ContainedButtons.js"}}
You can remove the elevation with the `disableElevation` prop.
@@ -29,114 +27,76 @@ You can remove the elevation with the `disableElevation` prop.
## Text Buttons
-[Text buttons](https://material.io/design/components/buttons.html#text-button) werden normalerweise für weniger ausgeprägte Aktionen verwendet, darunter auch solche, die Folgendes enthalten:
+[Text buttons](https://material.io/design/components/buttons.html#text-button) are typically used for less-pronounced actions, including those located:
- In Dialogen
- In Karten
-In Karten helfen Text Buttons dabei, den Karteninhalt hervorzuheben.
+In cards, text buttons help maintain an emphasis on card content.
{{"demo": "pages/components/buttons/TextButtons.js"}}
## Outlined Buttons
-[Outlined Buttons](https://material.io/design/components/buttons.html#outlined-button) sind Buttons mit mittlerer Betonung. Sie enthalten wichtige Aktionen, aber nicht die primäre Aktion in einer App.
+[Outlined buttons](https://material.io/design/components/buttons.html#outlined-button) are medium-emphasis buttons. They contain actions that are important, but aren’t the primary action in an app.
-Outlined Buttons sind auch eine Alternative mit geringerer Betonung als Contained Buttons, oder eine Alternative mit höherer Betonung als Text Buttons.
+Outlined buttons are also a lower emphasis alternative to contained buttons, or a higher emphasis alternative to text buttons.
{{"demo": "pages/components/buttons/OutlinedButtons.js"}}
-## Grouped Buttons
-
-The `ButtonGroup` component can be used to group buttons.
-
-{{"demo": "pages/components/buttons/GroupedButtons.js"}}
-
-### Group sizes and colors
-
-{{"demo": "pages/components/buttons/GroupSizesColors.js"}}
-
-### Gruppenorientierung
-
-{{"demo": "pages/components/buttons/GroupOrientation.js"}}
-
-### Split Button
-
-Eine ButtonGroup kann auch verwendet werden um einen geteilten Button zu erstellen. Ein Dropdown kann verwendet werden um die Button-Aktion zu ändern (wie im unteren Beispiel gezeigt) oder die Aktion direkt zu aktivieren.
-
-{{"demo": "pages/components/buttons/SplitButton.js"}}
-
-## Floating Action Buttons
-
-Ein [Floating Action Button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) führt die primäre oder gebräuchlichste Aktion auf einem Bildschirm aus. Es wird vor allen Bildschirminhalten angezeigt, normalerweise als Kreisform mit einem Symbol in der Mitte. Es gibt zwei Arten von FABs: normal und erweitert.
-
-Verwenden Sie eine FAB nur, wenn dies für die Darstellung der Hauptaktion eines Bildschirms am besten geeignet ist.
-
-Es wird nur eine Floating Action Button pro Bildschirm empfohlen, um die am häufigsten verwendete Aktion darzustellen.
-
-{{"demo": "pages/components/buttons/FloatingActionButtons.js"}}
-
-Der floating-action-button, wird standardmäßig als expandierendes Material auf dem Bildschirm animiert.
-
-Ein floating-action-button, der sich über mehrere seitliche Bildschirme (wie tabbed-screens) erstreckt, sollte kurz verschwinden und dann wieder erscheinen, wenn sich seine Aktion ändert.
-
-Hierzu kann der Zoom-Übergang verwendet werden. Da sowohl die vorhandenen als auch die eingegebenen Animationen gleichzeitig ausgelöst werden, verwenden wir `enterDelay`, um die Animation der ausgehenden Floating Action Buttons zu beenden, bevor die neue Animation eintritt.
-
-{{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}}
-
-## Upload button
+## Upload-Button
{{"demo": "pages/components/buttons/UploadButtons.js"}}
## Größen
-Fancy larger or smaller buttons? Use the `size` property.
+Fancy larger or smaller buttons? Verwende die Eigenschaft `size`.
{{"demo": "pages/components/buttons/ButtonSizes.js"}}
-## Buttons mit Symbolen und Beschriftung
+## Buttons with icons and label
-Manchmal möchten Sie möglicherweise Symbole für bestimmte Schaltflächen, um die UX der Anwendung zu verbessern, da Logos leichter als einfacher Text erkannt werden. Wenn Sie beispielsweise eine Schaltfläche zum Löschen haben, können Sie sie mit einem Mülleimer-Symbol kennzeichnen.
+Sometimes you might want to have icons for certain button to enhance the UX of the application as we recognize logos more easily than plain text. For example, if you have a delete button you can label it with a dustbin icon.
{{"demo": "pages/components/buttons/IconLabelButtons.js"}}
## Icon Buttons
-Icon Buttons finden Sie häufig in App-Bars und Toolbars.
+Icon buttons are commonly found in app bars and toolbars.
-Icons eignen sich auch für Umschaltflächen, mit denen eine einzelne Auswahl ausgewählt oder die Auswahl auf z. B. das Hinzufügen oder Entfernen eines Sterns zu einem Element.
+Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.
{{"demo": "pages/components/buttons/IconButtons.js"}}
-## Benutzerdefinierte Buttons
+## Customized buttons
Hier sind einige Beispiele, wie man die Komponente anpassen kann. Mehr dazu erfahren Sie auf der [Überschreibungsdokumentationsseite](/customization/components/).
{{"demo": "pages/components/buttons/CustomizedButtons.js", "defaultCodeOpen": false}}
-👑 Wenn Sie nach Inspiration suchen, sehen sie sich [MUI Treasury's Anpassungs-Beispiele](https://mui-treasury.com/components/button) an.
+👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/components/button).
-## Complex Buttons
+## Komplexe Buttons
-Die Text Buttons, die Contained Buttons, die Floatin Action Buttons und die Icon Buttons basieren auf derselben Komponente: der `ButtonBase`. Sie können die Vorteile dieser grundlegenden Komponente zum erstellen von benutzerdefinierten Interaktionen nutzen.
+The Text Buttons, Contained Buttons, Floating Action Buttons and Icon Buttons are built on top of the same component: the `ButtonBase`. Sie können diese Komponente der unteren Ebene nutzen, um benutzerdefinierte Interaktionen zu erstellen.
-{{"demo": "pages/components/buttons/ButtonBases.js"}}
+{{"demo": "pages/components/buttons/ButtonBase.js"}}
## Drittanbieter-Routing Bibliothek
-Ein häufig gebrauchtes Feature ist das Wechseln zu einer anderen Seite als Button-Aktion. Die `ButtonBase` Komponente stellt eine Eigenschaft für diesen Anwendungsfall bereit: `component`. Für bestimmte Fokus-Polyfills erfordert `ButtonBase` jedoch den DOM-Knoten der bereitgestellten Komponente. Dies wird erreicht, indem der Komponente ein Ref zugeordnet wird und erwartet wird, dass die Komponente diesen Ref an den zugrunde liegenden DOM-Knoten weiterleitet. Given that many of the interactive components rely on `ButtonBase`, you should be able to take advantage of it everywhere.
+Ein häufiger Anwendungsfall ist die Verwendung eines Buttons, um eine Navigation zu einer neuen Seite auszulösen. The `ButtonBase` component provides a property to handle this use case: `component`. However for certain focus polyfills `ButtonBase` requires the DOM node of the provided component. This is achieved by attaching a ref to the component and expecting that the component forwards this ref to the underlying DOM node. Given that many of the interactive components rely on `ButtonBase`, you should be able to take advantage of it everywhere.
-Hier ist ein [Integrationsbeispiel mit react-router](/guides/composition/#button).
+Here is an [integration example with react-router](/guides/composition/#button).
## Einschränkungen
-### Cursor not-allowed
+### Cursor nicht erlaubt
The ButtonBase component sets `pointer-events: none;` on disabled buttons, which prevents the appearance of a disabled cursor.
If you wish to use `not-allowed`, you have two options:
-1. **CSS only**. You can remove the pointer events style on the disabled state of the `
- 
+ 
+