From 3226c3216908eab24c3b7cbd4bc835406ee9aced Mon Sep 17 00:00:00 2001 From: Matthew Brookes Date: Sun, 15 Dec 2019 23:21:39 +0000 Subject: [PATCH] [docs] Update the translations --- docs/src/modules/components/backers-aa.md | 3 +- docs/src/modules/components/backers-de.md | 3 +- docs/src/modules/components/backers-es.md | 15 ++- docs/src/modules/components/backers-fr.md | 3 +- docs/src/modules/components/backers-ja.md | 3 +- docs/src/modules/components/backers-pt.md | 3 +- docs/src/modules/components/backers-ru.md | 29 +++-- docs/src/modules/components/backers-zh.md | 3 +- .../about-the-lab/about-the-lab-es.md | 2 +- .../pages/components/app-bar/app-bar-de.md | 2 +- .../pages/components/app-bar/app-bar-fr.md | 2 +- .../pages/components/app-bar/app-bar-pt.md | 8 +- .../pages/components/app-bar/app-bar-ru.md | 40 +++---- .../pages/components/app-bar/app-bar-zh.md | 2 +- .../autocomplete/autocomplete-aa.md | 48 ++++---- .../autocomplete/autocomplete-de.md | 6 + .../autocomplete/autocomplete-es.md | 22 ++-- .../autocomplete/autocomplete-fr.md | 6 + .../autocomplete/autocomplete-ja.md | 8 +- .../autocomplete/autocomplete-pt.md | 6 + .../autocomplete/autocomplete-ru.md | 6 + .../autocomplete/autocomplete-zh.md | 10 +- .../pages/components/avatars/avatars-aa.md | 46 +++++-- .../pages/components/avatars/avatars-de.md | 40 +++++-- .../pages/components/avatars/avatars-es.md | 40 +++++-- .../pages/components/avatars/avatars-fr.md | 40 +++++-- .../pages/components/avatars/avatars-ja.md | 38 +++++- .../pages/components/avatars/avatars-pt.md | 40 +++++-- .../pages/components/avatars/avatars-ru.md | 40 +++++-- .../pages/components/avatars/avatars-zh.md | 40 +++++-- .../pages/components/backdrop/backdrop-aa.md | 12 ++ .../pages/components/backdrop/backdrop-de.md | 12 ++ .../pages/components/backdrop/backdrop-es.md | 12 ++ .../pages/components/backdrop/backdrop-fr.md | 12 ++ .../pages/components/backdrop/backdrop-ja.md | 12 ++ .../pages/components/backdrop/backdrop-pt.md | 12 ++ .../pages/components/backdrop/backdrop-ru.md | 12 ++ .../pages/components/backdrop/backdrop-zh.md | 12 ++ docs/src/pages/components/badges/badges-aa.md | 6 +- docs/src/pages/components/badges/badges-de.md | 6 +- docs/src/pages/components/badges/badges-es.md | 6 +- docs/src/pages/components/badges/badges-fr.md | 6 +- docs/src/pages/components/badges/badges-ja.md | 8 +- docs/src/pages/components/badges/badges-pt.md | 6 +- docs/src/pages/components/badges/badges-ru.md | 12 +- docs/src/pages/components/badges/badges-zh.md | 6 +- .../bottom-navigation/bottom-navigation-de.md | 2 +- .../components/breadcrumbs/breadcrumbs-de.md | 2 +- .../components/breadcrumbs/breadcrumbs-es.md | 2 +- .../components/breadcrumbs/breadcrumbs-fr.md | 2 +- .../components/breadcrumbs/breadcrumbs-ja.md | 4 +- .../components/breadcrumbs/breadcrumbs-pt.md | 2 +- .../components/breadcrumbs/breadcrumbs-ru.md | 2 +- .../pages/components/buttons/buttons-aa.md | 112 ++++++++++-------- .../pages/components/buttons/buttons-de.md | 42 ++++--- .../pages/components/buttons/buttons-es.md | 42 ++++--- .../pages/components/buttons/buttons-fr.md | 42 ++++--- .../pages/components/buttons/buttons-ja.md | 48 +++++--- .../pages/components/buttons/buttons-pt.md | 46 ++++--- .../pages/components/buttons/buttons-ru.md | 42 ++++--- .../pages/components/buttons/buttons-zh.md | 46 ++++--- docs/src/pages/components/cards/cards-aa.md | 2 +- docs/src/pages/components/cards/cards-de.md | 2 +- docs/src/pages/components/cards/cards-es.md | 2 +- docs/src/pages/components/cards/cards-fr.md | 2 +- docs/src/pages/components/cards/cards-pt.md | 2 +- docs/src/pages/components/cards/cards-ru.md | 2 +- docs/src/pages/components/cards/cards-zh.md | 2 +- .../components/checkboxes/checkboxes-aa.md | 2 +- .../components/checkboxes/checkboxes-de.md | 4 +- .../components/checkboxes/checkboxes-es.md | 2 +- .../components/checkboxes/checkboxes-fr.md | 2 +- .../components/checkboxes/checkboxes-ja.md | 2 +- .../components/checkboxes/checkboxes-pt.md | 2 +- .../components/checkboxes/checkboxes-ru.md | 2 +- .../components/checkboxes/checkboxes-zh.md | 2 +- docs/src/pages/components/chips/chips-aa.md | 2 +- docs/src/pages/components/chips/chips-de.md | 2 +- docs/src/pages/components/chips/chips-es.md | 4 +- docs/src/pages/components/chips/chips-fr.md | 2 +- docs/src/pages/components/chips/chips-ja.md | 2 +- docs/src/pages/components/chips/chips-pt.md | 2 +- docs/src/pages/components/chips/chips-ru.md | 2 +- docs/src/pages/components/chips/chips-zh.md | 2 +- .../pages/components/dialogs/dialogs-aa.md | 10 +- .../pages/components/dialogs/dialogs-de.md | 6 +- .../pages/components/dialogs/dialogs-es.md | 6 +- .../pages/components/dialogs/dialogs-fr.md | 6 +- .../pages/components/dialogs/dialogs-ja.md | 8 +- .../pages/components/dialogs/dialogs-pt.md | 8 +- .../pages/components/dialogs/dialogs-ru.md | 6 +- .../pages/components/dialogs/dialogs-zh.md | 8 +- .../pages/components/dividers/dividers-aa.md | 2 +- .../pages/components/dividers/dividers-de.md | 2 +- .../pages/components/dividers/dividers-es.md | 2 +- .../pages/components/dividers/dividers-fr.md | 4 +- .../pages/components/dividers/dividers-ja.md | 2 +- .../pages/components/dividers/dividers-pt.md | 2 +- .../pages/components/dividers/dividers-ru.md | 2 +- .../pages/components/dividers/dividers-zh.md | 4 +- .../expansion-panels/expansion-panels-aa.md | 2 +- .../expansion-panels/expansion-panels-de.md | 2 +- .../expansion-panels/expansion-panels-es.md | 2 +- .../expansion-panels/expansion-panels-fr.md | 8 +- .../expansion-panels/expansion-panels-ja.md | 4 +- .../expansion-panels/expansion-panels-pt.md | 10 +- .../expansion-panels/expansion-panels-ru.md | 10 +- .../expansion-panels/expansion-panels-zh.md | 2 +- docs/src/pages/components/icons/icons-ja.md | 4 +- docs/src/pages/components/icons/icons-ru.md | 2 +- docs/src/pages/components/icons/icons-zh.md | 2 +- docs/src/pages/components/links/links-de.md | 2 +- docs/src/pages/components/links/links-zh.md | 10 +- .../material-icons/material-icons-zh.md | 10 +- docs/src/pages/components/menus/menus-ru.md | 6 +- docs/src/pages/components/modal/modal-aa.md | 16 ++- docs/src/pages/components/modal/modal-de.md | 12 ++ docs/src/pages/components/modal/modal-es.md | 12 ++ docs/src/pages/components/modal/modal-fr.md | 12 ++ docs/src/pages/components/modal/modal-ja.md | 12 ++ docs/src/pages/components/modal/modal-pt.md | 12 ++ docs/src/pages/components/modal/modal-ru.md | 12 ++ docs/src/pages/components/modal/modal-zh.md | 12 ++ docs/src/pages/components/popper/popper-ja.md | 2 +- .../radio-buttons/radio-buttons-aa.md | 2 +- .../radio-buttons/radio-buttons-de.md | 2 +- .../radio-buttons/radio-buttons-es.md | 2 +- .../radio-buttons/radio-buttons-fr.md | 2 +- .../radio-buttons/radio-buttons-ja.md | 2 +- .../radio-buttons/radio-buttons-pt.md | 2 +- .../radio-buttons/radio-buttons-ru.md | 2 +- .../radio-buttons/radio-buttons-zh.md | 2 +- docs/src/pages/components/rating/rating-es.md | 4 +- .../pages/components/selects/selects-aa.md | 2 +- .../pages/components/selects/selects-de.md | 4 +- .../pages/components/selects/selects-es.md | 2 +- .../pages/components/selects/selects-fr.md | 2 +- .../pages/components/selects/selects-ja.md | 4 +- .../pages/components/selects/selects-pt.md | 2 +- .../pages/components/selects/selects-ru.md | 2 +- .../pages/components/selects/selects-zh.md | 4 +- .../components/snackbars/snackbars-aa.md | 2 +- .../components/snackbars/snackbars-de.md | 2 +- .../components/snackbars/snackbars-es.md | 2 +- .../components/snackbars/snackbars-fr.md | 2 +- .../components/snackbars/snackbars-ja.md | 2 +- .../components/snackbars/snackbars-ru.md | 2 +- .../pages/components/steppers/steppers-aa.md | 2 +- .../pages/components/steppers/steppers-es.md | 2 +- .../pages/components/steppers/steppers-fr.md | 4 +- .../pages/components/steppers/steppers-ja.md | 2 +- .../pages/components/steppers/steppers-pt.md | 2 +- .../pages/components/steppers/steppers-ru.md | 2 +- .../pages/components/steppers/steppers-zh.md | 2 +- .../pages/components/switches/switches-aa.md | 2 +- .../pages/components/switches/switches-de.md | 4 +- .../pages/components/switches/switches-es.md | 2 +- .../pages/components/switches/switches-fr.md | 2 +- .../pages/components/switches/switches-ja.md | 2 +- .../pages/components/switches/switches-pt.md | 2 +- .../pages/components/switches/switches-ru.md | 2 +- .../pages/components/switches/switches-zh.md | 4 +- docs/src/pages/components/tables/tables-aa.md | 10 +- docs/src/pages/components/tables/tables-de.md | 12 +- docs/src/pages/components/tables/tables-es.md | 10 +- docs/src/pages/components/tables/tables-fr.md | 8 +- docs/src/pages/components/tables/tables-ja.md | 10 +- docs/src/pages/components/tables/tables-pt.md | 10 +- docs/src/pages/components/tables/tables-ru.md | 28 ++--- docs/src/pages/components/tables/tables-zh.md | 8 +- docs/src/pages/components/tabs/tabs-pt.md | 2 +- .../components/text-fields/text-fields-aa.md | 82 +++++++------ .../components/text-fields/text-fields-de.md | 10 +- .../components/text-fields/text-fields-es.md | 10 +- .../components/text-fields/text-fields-fr.md | 12 +- .../components/text-fields/text-fields-ja.md | 12 +- .../components/text-fields/text-fields-pt.md | 10 +- .../components/text-fields/text-fields-ru.md | 10 +- .../components/text-fields/text-fields-zh.md | 10 +- .../pages/components/tooltips/tooltips-aa.md | 2 +- .../pages/components/tooltips/tooltips-es.md | 2 +- .../pages/components/tooltips/tooltips-fr.md | 2 +- .../pages/components/tooltips/tooltips-ja.md | 4 +- .../pages/components/tooltips/tooltips-pt.md | 2 +- .../pages/components/tooltips/tooltips-ru.md | 2 +- .../pages/components/tooltips/tooltips-zh.md | 2 +- .../components/tree-view/tree-view-ja.md | 2 +- .../components/tree-view/tree-view-pt.md | 4 +- .../components/tree-view/tree-view-ru.md | 2 +- .../use-media-query/use-media-query-aa.md | 19 +-- .../use-media-query/use-media-query-de.md | 11 +- .../use-media-query/use-media-query-es.md | 9 +- .../use-media-query/use-media-query-fr.md | 11 +- .../use-media-query/use-media-query-ja.md | 13 +- .../use-media-query/use-media-query-pt.md | 13 +- .../use-media-query/use-media-query-ru.md | 9 +- .../use-media-query/use-media-query-zh.md | 11 +- .../breakpoints/breakpoints-ja.md | 2 +- .../breakpoints/breakpoints-pt.md | 22 ++-- .../default-theme/default-theme-de.md | 2 +- .../default-theme/default-theme-es.md | 2 +- .../default-theme/default-theme-fr.md | 2 +- .../default-theme/default-theme-ja.md | 2 +- .../default-theme/default-theme-pt.md | 2 +- .../default-theme/default-theme-ru.md | 2 +- .../pages/customization/density/density-ja.md | 2 +- .../pages/customization/palette/palette-de.md | 10 +- .../pages/customization/palette/palette-ja.md | 2 +- .../related-projects/related-projects-ja.md | 2 +- .../example-projects/example-projects-zh.md | 10 +- docs/src/pages/getting-started/faq/faq-aa.md | 2 +- docs/src/pages/getting-started/faq/faq-de.md | 24 ++-- docs/src/pages/getting-started/faq/faq-es.md | 2 +- docs/src/pages/getting-started/faq/faq-fr.md | 2 +- docs/src/pages/getting-started/faq/faq-ja.md | 8 +- docs/src/pages/getting-started/faq/faq-pt.md | 2 +- docs/src/pages/getting-started/faq/faq-ru.md | 8 +- docs/src/pages/getting-started/faq/faq-zh.md | 2 +- .../installation/installation-zh.md | 2 +- .../pages/getting-started/learn/learn-zh.md | 6 +- .../getting-started/support/support-aa.md | 74 ++++++------ .../getting-started/support/support-de.md | 8 +- .../getting-started/support/support-es.md | 8 +- .../getting-started/support/support-fr.md | 8 +- .../getting-started/support/support-ja.md | 8 +- .../getting-started/support/support-pt.md | 38 +++--- .../getting-started/support/support-ru.md | 8 +- .../getting-started/support/support-zh.md | 22 ++-- .../supported-platforms-pt.md | 10 +- .../supported-platforms-zh.md | 2 +- .../getting-started/templates/templates-aa.md | 4 +- .../getting-started/templates/templates-de.md | 4 +- .../getting-started/templates/templates-es.md | 4 +- .../getting-started/templates/templates-fr.md | 4 +- .../getting-started/templates/templates-ja.md | 4 +- .../getting-started/templates/templates-pt.md | 4 +- .../getting-started/templates/templates-ru.md | 4 +- .../getting-started/templates/templates-zh.md | 4 +- .../pages/getting-started/usage/usage-zh.md | 4 +- .../guides/localization/localization-aa.md | 30 +++-- .../guides/localization/localization-de.md | 6 + .../guides/localization/localization-es.md | 6 + .../guides/localization/localization-fr.md | 6 + .../guides/localization/localization-ja.md | 6 + .../guides/localization/localization-pt.md | 6 + .../guides/localization/localization-ru.md | 6 + .../guides/localization/localization-zh.md | 6 + .../guides/migration-v3/migration-v3-pt.md | 2 +- .../guides/migration-v3/migration-v3-ru.md | 2 +- .../minimizing-bundle-size-aa.md | 2 +- .../minimizing-bundle-size-de.md | 2 +- .../minimizing-bundle-size-es.md | 2 +- .../minimizing-bundle-size-fr.md | 2 +- .../minimizing-bundle-size-ja.md | 2 +- .../minimizing-bundle-size-pt.md | 2 +- .../minimizing-bundle-size-ru.md | 2 +- .../minimizing-bundle-size-zh.md | 2 +- docs/src/pages/styles/basics/basics-ja.md | 2 +- docs/src/pages/system/shadows/shadows-ru.md | 4 +- docs/src/pages/versions/versions-de.md | 2 +- docs/src/pages/versions/versions-es.md | 2 +- docs/src/pages/versions/versions-fr.md | 2 +- docs/src/pages/versions/versions-ja.md | 2 +- docs/translations/translations-aa.json | 45 ++++--- docs/translations/translations-de.json | 53 ++++----- docs/translations/translations-es.json | 67 ++++++----- docs/translations/translations-fr.json | 57 +++++---- docs/translations/translations-ja.json | 47 ++++---- docs/translations/translations-pt.json | 51 ++++---- docs/translations/translations-ru.json | 75 ++++++------ docs/translations/translations-zh.json | 39 +++--- 271 files changed, 1705 insertions(+), 1089 deletions(-) create mode 100644 docs/src/pages/components/backdrop/backdrop-aa.md create mode 100644 docs/src/pages/components/backdrop/backdrop-de.md create mode 100644 docs/src/pages/components/backdrop/backdrop-es.md create mode 100644 docs/src/pages/components/backdrop/backdrop-fr.md create mode 100644 docs/src/pages/components/backdrop/backdrop-ja.md create mode 100644 docs/src/pages/components/backdrop/backdrop-pt.md create mode 100644 docs/src/pages/components/backdrop/backdrop-ru.md create mode 100644 docs/src/pages/components/backdrop/backdrop-zh.md diff --git a/docs/src/modules/components/backers-aa.md b/docs/src/modules/components/backers-aa.md index 982114b5db70ef..bc70152fd7d43e 100644 --- a/docs/src/modules/components/backers-aa.md +++ b/docs/src/modules/components/backers-aa.md @@ -20,8 +20,7 @@ crwdns105445:0crwdne105445:0 crwdns105463:0crwdne105463:0

- crwdns105469:0crwdne105469:0 - crwdns105477:0crwdne105477:0 + crwdns106857:0crwdne106857:0

crwdns105481:0crwdne105481:0 diff --git a/docs/src/modules/components/backers-de.md b/docs/src/modules/components/backers-de.md index 57196d3b2dbd47..7893b5ad605557 100644 --- a/docs/src/modules/components/backers-de.md +++ b/docs/src/modules/components/backers-de.md @@ -20,8 +20,7 @@ via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- callemall - crosswordsolver + call-em-all

Gold Sponsors are those who have pledged $500/month and more to Material-UI. diff --git a/docs/src/modules/components/backers-es.md b/docs/src/modules/components/backers-es.md index 57196d3b2dbd47..3d007bc192cf1f 100644 --- a/docs/src/modules/components/backers-es.md +++ b/docs/src/modules/components/backers-es.md @@ -1,14 +1,14 @@ -

Material-UI's sponsors

+

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. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development. +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. -### Diamond 💎 +### Diamante 💎 -*3/3 slots available* +*%s espacios disponibles* -Diamond Sponsors are those who have pledged $2,000/month and more to Material-UI. Please contact us at diamond@material-ui.com to subscribe to this tier. +Los Patrocinadores Diamante son aquellos que se han comprometido $ 2,000 / mes o más a Material-UI. Por favor, póngase en contacto con nosotros en diamond@material-ui.com para suscribirse a este nivel. -### Gold 🏆 +### Oro 🏆 via [Patreon](https://www.patreon.com/oliviertassinari) @@ -20,8 +20,7 @@ via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- callemall - crosswordsolver + call-em-all

Gold Sponsors are those who have pledged $500/month and more to Material-UI. diff --git a/docs/src/modules/components/backers-fr.md b/docs/src/modules/components/backers-fr.md index 57196d3b2dbd47..7893b5ad605557 100644 --- a/docs/src/modules/components/backers-fr.md +++ b/docs/src/modules/components/backers-fr.md @@ -20,8 +20,7 @@ via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- callemall - crosswordsolver + call-em-all

Gold Sponsors are those who have pledged $500/month and more to Material-UI. diff --git a/docs/src/modules/components/backers-ja.md b/docs/src/modules/components/backers-ja.md index 57196d3b2dbd47..7893b5ad605557 100644 --- a/docs/src/modules/components/backers-ja.md +++ b/docs/src/modules/components/backers-ja.md @@ -20,8 +20,7 @@ via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- callemall - crosswordsolver + call-em-all

Gold Sponsors are those who have pledged $500/month and more to Material-UI. diff --git a/docs/src/modules/components/backers-pt.md b/docs/src/modules/components/backers-pt.md index 57196d3b2dbd47..7893b5ad605557 100644 --- a/docs/src/modules/components/backers-pt.md +++ b/docs/src/modules/components/backers-pt.md @@ -20,8 +20,7 @@ via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- callemall - crosswordsolver + call-em-all

Gold Sponsors are those who have pledged $500/month and more to Material-UI. diff --git a/docs/src/modules/components/backers-ru.md b/docs/src/modules/components/backers-ru.md index 57196d3b2dbd47..45bf5e03447706 100644 --- a/docs/src/modules/components/backers-ru.md +++ b/docs/src/modules/components/backers-ru.md @@ -1,31 +1,30 @@ -

Material-UI's sponsors

+

Спонсоры 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. +Material-UI - это проект с открытым исходным кодом, [финансируемый общественностью](/discover-more/backers/), имеющий лицензию открытого программного обеспечения (MIT licese). Спонсорство ускоряет исправление ошибок, улучшение документации и разработку нового функционала. -### Diamond 💎 +### Алмазные 💎 -*3/3 slots available* +*3/3 свободных мест* -Diamond Sponsors are those who have pledged $2,000/month and more to Material-UI. Please contact us at diamond@material-ui.com to subscribe to this tier. +Алмазные спонсоры это те, кто жертвует ежемесячно 2000$ и более на развитие Material-UI. Пожалуйста, свяжитесь с нами по адресу diamond@material-ui.com, чтобы стать одни из них. -### Gold 🏆 +### Золотые 🏆 -via [Patreon](https://www.patreon.com/oliviertassinari) +на [Patreon](https://www.patreon.com/oliviertassinari)

- tidelift - bitsrc + Tidelift + Bit

-via [OpenCollective](https://opencollective.com/material-ui) +на [OpenCollective](https://opencollective.com/material-ui)

- callemall - crosswordsolver + call-em-all

-Gold Sponsors are those who have pledged $500/month and more to Material-UI. +Золотые спонсоры это те, кто жертвует ежемесячно 500$ и более на развитие Material-UI. -### There are more! +### Узнать больше! -See the full list of [our backers](/discover-more/backers/). \ No newline at end of file +Посмотреть полный список [спонсоров](/discover-more/backers/). \ 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 57196d3b2dbd47..7893b5ad605557 100644 --- a/docs/src/modules/components/backers-zh.md +++ b/docs/src/modules/components/backers-zh.md @@ -20,8 +20,7 @@ via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- callemall - crosswordsolver + call-em-all

Gold Sponsors are those who have pledged $500/month and more to Material-UI. 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 334538fc2cca9c..6ae1f21bb489f1 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 @@ -14,7 +14,7 @@ npm install @material-ui/lab yarn add @material-ui/lab ``` -The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with: +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: ```sh // usando npm 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 0b70773ffa0d15..30b254c1195a5b 100644 --- a/docs/src/pages/components/app-bar/app-bar-de.md +++ b/docs/src/pages/components/app-bar/app-bar-de.md @@ -41,7 +41,7 @@ A prominent app bar. {{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}} -## Bottom App Bar +## Untere App-Bar {{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 500}} diff --git a/docs/src/pages/components/app-bar/app-bar-fr.md b/docs/src/pages/components/app-bar/app-bar-fr.md index 69937ac000db32..5f4eaf697918b2 100644 --- a/docs/src/pages/components/app-bar/app-bar-fr.md +++ b/docs/src/pages/components/app-bar/app-bar-fr.md @@ -41,7 +41,7 @@ A prominent app bar. {{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}} -## Bottom App Bar +## Barre inférieure {{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 500}} 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 73a03603657261..dff04cb156dad7 100644 --- a/docs/src/pages/components/app-bar/app-bar-pt.md +++ b/docs/src/pages/components/app-bar/app-bar-pt.md @@ -11,7 +11,7 @@ A [barra de aplicativos superior](https://material.io/design/components/app-bars It can transform into a contextual action bar or be used as a navbar. -## Barra de Aplicativos Simples +## App Bar simples {{"demo": "pages/components/app-bar/ButtonAppBar.js", "bg": true}} @@ -21,11 +21,11 @@ Um campo de busca principal. {{"demo": "pages/components/app-bar/PrimarySearchAppBar.js", "bg": true}} -## Barra de Aplicativos com menu +## App Bar com menu {{"demo": "pages/components/app-bar/MenuAppBar.js", "bg": true}} -## Barra de Aplicativos com campo de busca +## App Bar com campo de busca Uma barra de pesquisa na lateral. @@ -41,7 +41,7 @@ Uma barra de aplicativos proeminente. {{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}} -## Barra de Aplicativos Inferior +## Barra de Aplicativos inferior {{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 500}} diff --git a/docs/src/pages/components/app-bar/app-bar-ru.md b/docs/src/pages/components/app-bar/app-bar-ru.md index d29b502b41c33d..bbac6d7b4719ec 100644 --- a/docs/src/pages/components/app-bar/app-bar-ru.md +++ b/docs/src/pages/components/app-bar/app-bar-ru.md @@ -7,9 +7,9 @@ components: AppBar, Toolbar, Menu

Панель навигации отображает информацию и действия, относящиеся к текущему экрану.

-В [](https://material.io/design/components/app-bars-top.html)верхней панели приложений отображается содержимое и действия, связанные с текущим экраном. Он используется для брендинга, заголовков экрана, навигации и действий. +В [](https://material.io/design/components/app-bars-top.html)верхней панели приложений отображается содержимое и действия, связанные с текущим экраном. Она используется для брендинга, заголовков экрана, навигации и действий. -It can transform into a contextual action bar or be used as a navbar. +Она может использоваться как контекстное меню или как навигационная панель. ## Простая панель навигации @@ -35,29 +35,29 @@ It can transform into a contextual action bar or be used as a navbar. {{"demo": "pages/components/app-bar/DenseAppBar.js", "bg": true}} -## Prominent +## Выступающая -A prominent app bar. +Выступающая панель навигации. {{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}} -## Bottom App Bar +## Нижняя панели навигации {{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 500}} -## Fixed placement +## Фиксированное положение -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: +Когда вы рендерите навигационную панель с фиксированным положением, размер элемента не влияет на остальную часть страницы. Это может быть причиной того, что часть вашего содержимого может стать невидимой, скрываясь за навигационной панелью. Есть 3 варианта решения: -1. You can use `position="sticky"` instead of fixed. ⚠️ sticky is not supported by IE 11. -2. You can render a second `` component: +1. Вы можете использовать `position="sticky"` вместо `"fixed"`. ⚠️ `"sticky"` не поддерживается в IE 11. +2. Вы можете отрендерить второй `` компонент: ```jsx function App() { return ( - {/* content */} + {/* содержимое */} @@ -65,7 +65,7 @@ function App() { } ``` -3. You can use `theme.mixins.toolbar` CSS: +3. Вы можете использовать `theme.mixins.toolbar` в CSS: ```jsx const useStyles = makeStyles(theme => ({ @@ -77,7 +77,7 @@ function App() { return ( - {/* content */} + {/* содержимое */}
@@ -85,25 +85,25 @@ function App() { }; ``` -## Scrolling +## Прокрутка -You can use the `useScrollTrigger()` hook to respond to user scroll actions. +Вы можете использовать `useScrollTrigger()` хук, отвечающий за механизм прокрутки. -### Скрытие панели навигации +### Скрыть панель навигации -The app bar hides on scroll down to leave more space for reading. +Панель навигации прячется при прокрутке вниз, освобождая место для чтения. {{"demo": "pages/components/app-bar/HideAppBar.js", "iframe": true, "maxWidth": 500}} -### Поднять Панель Приложения +### Надвинуть панель навигации -The app bar elevates on scroll to communicate that the user is not at the top of the page. +Панель навигации наползает на содержимое при прокрутке, сообщая пользователю, что он находится не в начале страницы. {{"demo": "pages/components/app-bar/ElevateAppBar.js", "iframe": true, "maxWidth": 500}} ### Вернуться в начало страницы -A floating action buttons appears on scroll to make it easy to get back to the top of the page. +Плавающая кнопка появляется при прокрутке, позволяя легко вернуться в начало страницы. {{"demo": "pages/components/app-bar/BackToTop.js", "iframe": true, "maxWidth": 500}} @@ -113,7 +113,7 @@ A floating action buttons appears on scroll to make it easy to get back to the t 1. `варианты` (*объекта* [optional]): -- `options.disableHysteresis` (*Boolean* [optional]): Defaults to `false`. Disable the hysteresis. Игнорирование направления прокрутки когда определено `trigger` значение. +- `options.disableHysteresis` (*Boolean* [optional]): По умолчанию - `false`. Disable the hysteresis. Игнорирование направления прокрутки когда определено `trigger` значение. - `options.target` (*Node* [optional]): По умолчанию `window`. - `options.threshold` (*Number* [optional]): Defaults to `100`. Change the `trigger` value when the vertical scroll strictly crosses this threshold (exclusive). diff --git a/docs/src/pages/components/app-bar/app-bar-zh.md b/docs/src/pages/components/app-bar/app-bar-zh.md index 66d7fe1e502593..51af7472b05952 100644 --- a/docs/src/pages/components/app-bar/app-bar-zh.md +++ b/docs/src/pages/components/app-bar/app-bar-zh.md @@ -9,7 +9,7 @@ components: AppBar, Toolbar, Menu [顶部应用栏](https://material.io/design/components/app-bars-top.html) 提供与当前屏幕相关的内容和操作。 它用于展示品牌、屏幕标题、导航和操作选项。 -It can transform into a contextual action bar or be used as a navbar. +它可以转换为上下文相关的操作栏或直接用作导航栏。 ## 简单的应用栏 diff --git a/docs/src/pages/components/autocomplete/autocomplete-aa.md b/docs/src/pages/components/autocomplete/autocomplete-aa.md index 712400f9165509..061f9198a553fb 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-aa.md +++ b/docs/src/pages/components/autocomplete/autocomplete-aa.md @@ -92,29 +92,35 @@ crwdns104968:0crwdne104968:0 crwdns104970:0crwdne104970:0 -## crwdns104570:0crwdne104570:0 +## crwdns106429:0crwdne106429:0 -crwdns104972:0crwdne104972:0 +crwdns106431:0crwdne106431:0 crwdns106433:0crwdne106433:0 -crwdns104974:0crwdne104974:0 +crwdns106435:0crwdne106435:0 -crwdns104976:0crwdne104976:0 +## crwdns106437:0crwdne106437:0 -## crwdns104576:0crwdne104576:0 +crwdns106439:0crwdne106439:0 -crwdns104978:0crwdne104978:0 +crwdns106441:0crwdne106441:0 -crwdns104980:0crwdne104980:0 +crwdns106443:0crwdne106443:0 -## crwdns104982:0crwdne104982:0 +## crwdns106445:0crwdne106445:0 -crwdns104984:0crwdne104984:0 crwdns104986:0crwdne104986:0 +crwdns106447:0crwdne106447:0 + +crwdns106449:0crwdne106449:0 + +## crwdns106451:0crwdne106451:0 + +crwdns106453:0crwdne106453:0 crwdns106455:0crwdne106455:0 ```js crwdns104588:0{ createFilterOptions }crwdne104588:0 ``` -crwdns104988:0crwdne104988:0 +crwdns106457:0crwdne106457:0 1. crwdns104592:0[optional]crwdne104592:0 - crwdns104594:0[optional]crwdne104594:0 crwdns104596:0crwdne104596:0 @@ -123,36 +129,36 @@ crwdns104988:0crwdne104988:0 - crwdns104604:0[optional]crwdne104604:0 - crwdns104606:0[optional]crwdne104606:0 crwdns104608:0crwdne104608:0 -crwdns104990:0crwdne104990:0 +crwdns106459:0crwdne106459:0 ```js crwdns104612:0{filterOptions}crwdne104612:0 ``` -crwdns104992:0crwdne104992:0 +crwdns106461:0crwdne106461:0 ### crwdns104994:0crwdne104994:0 -crwdns104996:0crwdne104996:0 crwdns104998:0crwdne104998:0 +crwdns106463:0crwdne106463:0 crwdns106465:0crwdne106465:0 ```jsx crwdns104620:0{ inputValue }crwdnd104620:0{filterOptions}crwdne104620:0 ``` -## crwdns104622:0crwdne104622:0 +## crwdns106467:0crwdne106467:0 -crwdns105000:0crwdne105000:0 crwdns105002:0crwdne105002:0 +crwdns106469:0crwdne106469:0 crwdns106471:0crwdne106471:0 -crwdns105004:0crwdne105004:0 +crwdns106473:0crwdne106473:0 -## crwdns105006:0crwdne105006:0 +## crwdns106475:0crwdne106475:0 ### crwdns105008:0crwdne105008:0 -crwdns105010:0crwdne105010:0 crwdns105012:0crwdne105012:0 +crwdns106477:0crwdne106477:0 crwdns106479:0crwdne106479:0 -## crwdns105014:0crwdne105014:0 +## crwdns106481:0crwdne106481:0 -crwdns105016:0crwdne105016:0 +crwdns106483:0crwdne106483:0 -crwdns105018:0crwdne105018:0 crwdns105020:0crwdne105020:0 \ No newline at end of file +crwdns106485:0crwdne106485:0 crwdns106487:0crwdne106487: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 32f2e467bd7cf2..b348396d3fdaa6 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-de.md +++ b/docs/src/pages/components/autocomplete/autocomplete-de.md @@ -92,6 +92,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +## Größen + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/autocomplete/Sizes.js"}} + ## Customized Autocomplete This demo reproduces the GitHub's label picker: diff --git a/docs/src/pages/components/autocomplete/autocomplete-es.md b/docs/src/pages/components/autocomplete/autocomplete-es.md index f19afc8fef65d3..d2988359e7fb21 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-es.md +++ b/docs/src/pages/components/autocomplete/autocomplete-es.md @@ -7,14 +7,14 @@ components: TextField, Popper, Autocomplete

El autocompletado es una caja de texto normal mejorada por un panel de opciones sugeridas.

-The widget is useful for setting the value of a single-line textbox in one of two types of scenarios: +El widget es útil para establecer el valor de un cuadro de texto de una sola línea en uno de los dos tipos de escenarios: -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). +1. El valor para el cuadro de texto debe elegirse de un conjunto predefinido de valores permitidos, por ejemplo, un campo de ubicación debe contener un nombre de ubicación válido: [cuadro combinado](#combo-box). +2. El cuadro de texto puede contener cualquier valor arbitrario, pero es ventajoso sugerir posibles valores al usuario, por ejemplo, un campo de búsqueda puede sugerir búsquedas similares o anteriores para ahorrarle tiempo al usuario: [gratis solo](#free-solo). ## Combo box -The value must be chosen from a predefined set of allowed values. +El valor debe elegirse de un conjunto predefinido de valores permitidos. {{"demo": "pages/components/autocomplete/ComboBox.js"}} @@ -92,7 +92,13 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} -## Customized Autocomplete +## Tamaños + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/autocomplete/Sizes.js"}} + +## Autocompletado personalizado This demo reproduces the GitHub's label picker: @@ -100,13 +106,13 @@ This demo reproduces the GitHub's label picker: Head to the [Customized hook](#customized-hook) section for a customization example with the `useAutocomplete` hook instead of the component. -## Highlights +## Destacados -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. +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. {{"demo": "pages/components/autocomplete/Highlights.js"}} -## Custom filter +## Filtro personalizado 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. diff --git a/docs/src/pages/components/autocomplete/autocomplete-fr.md b/docs/src/pages/components/autocomplete/autocomplete-fr.md index e83119ef0081bd..cbe76f62c0e2e6 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-fr.md +++ b/docs/src/pages/components/autocomplete/autocomplete-fr.md @@ -92,6 +92,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +## Tailles + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/autocomplete/Sizes.js"}} + ## Customized Autocomplete This demo reproduces the GitHub's label picker: diff --git a/docs/src/pages/components/autocomplete/autocomplete-ja.md b/docs/src/pages/components/autocomplete/autocomplete-ja.md index 2935abd27391e1..a850f1fe5065d5 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-ja.md +++ b/docs/src/pages/components/autocomplete/autocomplete-ja.md @@ -88,10 +88,16 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/FixedTags.js"}} -### Checkbox +### チェックボックス {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +## サイズ + +Fancy smaller inputs? `size`propを使用します。 + +{{"demo": "pages/components/autocomplete/Sizes.js"}} + ## Customized Autocomplete This demo reproduces the GitHub's label picker: diff --git a/docs/src/pages/components/autocomplete/autocomplete-pt.md b/docs/src/pages/components/autocomplete/autocomplete-pt.md index c8cde6a6d8ee8c..2bcf4184d3cd9d 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-pt.md +++ b/docs/src/pages/components/autocomplete/autocomplete-pt.md @@ -92,6 +92,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +## Tamanhos + +Fancy smaller inputs? Use a propriedade `size`. + +{{"demo": "pages/components/autocomplete/Sizes.js"}} + ## Customized Autocomplete This demo reproduces the GitHub's label picker: diff --git a/docs/src/pages/components/autocomplete/autocomplete-ru.md b/docs/src/pages/components/autocomplete/autocomplete-ru.md index c124c4b783c169..00c36e0b61a232 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-ru.md +++ b/docs/src/pages/components/autocomplete/autocomplete-ru.md @@ -92,6 +92,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +## Размеры + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/autocomplete/Sizes.js"}} + ## Customized Autocomplete This demo reproduces the GitHub's label picker: diff --git a/docs/src/pages/components/autocomplete/autocomplete-zh.md b/docs/src/pages/components/autocomplete/autocomplete-zh.md index b3d31f75d64202..091b7f935d32a8 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-zh.md +++ b/docs/src/pages/components/autocomplete/autocomplete-zh.md @@ -92,6 +92,12 @@ In the event that you need to lock certain tag so that they can't be removed in {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +## 尺寸 + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/autocomplete/Sizes.js"}} + ## Customized Autocomplete This demo reproduces the GitHub's label picker: @@ -106,7 +112,7 @@ The following demo relies on [autosuggest-highlight](https://github.com/moroshko {{"demo": "pages/components/autocomplete/Highlights.js"}} -## 自定义筛选规则 +## Custom 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. @@ -149,7 +155,7 @@ const filterOptions = (options, { inputValue }) => ``` -## 虚拟滚动 +## Virtualization Search within 10,000 randomly generated options. The list is virtualized thanks to [react-window](https://github.com/bvaughn/react-window). diff --git a/docs/src/pages/components/avatars/avatars-aa.md b/docs/src/pages/components/avatars/avatars-aa.md index 96ccf4609384cd..56ae6f508d6eba 100644 --- a/docs/src/pages/components/avatars/avatars-aa.md +++ b/docs/src/pages/components/avatars/avatars-aa.md @@ -1,32 +1,58 @@ --- title: crwdns89284:0crwdne89284:0 -components: crwdns89286:0crwdne89286:0 +components: crwdns106553:0crwdne106553:0 --- -# crwdns89288:0crwdne89288:0 +# crwdns106121:0crwdne106121:0

crwdns89290:0crwdne89290:0

## crwdns89292:0crwdne89292:0 -crwdns89294:0crwdne89294:0 +crwdns106555:0crwdne106555:0 crwdns89296:0crwdne89296:0 ## crwdns89298:0crwdne89298:0 -crwdns89300:0crwdne89300:0 +crwdns106557:0crwdne106557:0 crwdns89302:0crwdne89302:0 -## crwdns89304:0crwdne89304:0 +## crwdns106559:0crwdne106559:0 -crwdns89306:0crwdne89306:0 +crwdns106561:0crwdne106561:0 -crwdns89308:0crwdne89308:0 +crwdns106563:0crwdne106563:0 -## crwdns104924:0crwdne104924:0 +## crwdns106565:0crwdne106565:0 -crwdns104926:0crwdne104926:0 +crwdns106567:0crwdne106567:0 -crwdns104928:0crwdne104928:0 \ No newline at end of file +crwdns106569:0crwdne106569:0 + +## crwdns106571:0crwdne106571:0 + +crwdns106573:0crwdne106573:0 + +crwdns106575:0crwdne106575:0 + +## crwdns106577:0crwdne106577:0 + +crwdns106579:0crwdne106579:0 + +- crwdns106545:0crwdne106545:0 +- crwdns106547:0crwdne106547:0 +- crwdns106549:0crwdne106549:0 + +crwdns106581:0crwdne106581:0 + +## crwdns106583:0crwdne106583:0 + +crwdns106585:0crwdne106585:0 + +crwdns106587:0crwdne106587:0 + +## crwdns106589:0crwdne106589:0 + +crwdns106591:0crwdne106591:0 \ No newline at end of file diff --git a/docs/src/pages/components/avatars/avatars-de.md b/docs/src/pages/components/avatars/avatars-de.md index 06d4e1c6cb8a89..dcadcf603b9a0f 100644 --- a/docs/src/pages/components/avatars/avatars-de.md +++ b/docs/src/pages/components/avatars/avatars-de.md @@ -1,27 +1,33 @@ --- title: Avatar React-Komponente -components: Avatar +components: Avatar, AvatarGroup, Badge --- -# Avatare +# Avatar

Avatare sind im gesamten Material Design zu finden und werden in allen Bereichen von Tabellen bis hin zu Dialogmenüs verwendet.

## Bild Avatare -Bild Avatare können erstellt werden, indem Standard `img` props `src` oder `srcSet` in die Komponente übergeben werden. +Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} ## Buchstaben Avatare -Avatare mit einfachen Zeichen können erstellt werden, indem man einen String als `children` übergibt. +Avatars containing simple characters can be created by passing a string as `children`. {{"demo": "pages/components/avatars/LetterAvatars.js"}} -## Icon Avatare +## Größen -Icon Avatare werden erstellt, indem man ein Icon als `children` übergibt. +You can change the size of the avatar with the `height` and `width` CSS properties. + +{{"demo": "pages/components/avatars/SizeAvatars.js"}} + +## Icon avatars + +Icon avatars are created by passing an icon as `children`. {{"demo": "pages/components/avatars/IconAvatars.js"}} @@ -29,4 +35,24 @@ Icon Avatare werden erstellt, indem man ein Icon als `children` übergibt. If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} \ No newline at end of file +{{"demo": "pages/components/avatars/VariantAvatars.js"}} + +## Fallbacks + +If there is an error loading the avatar image, the component falls back to an alternative in the following order: + +- the provided children +- the first letter of tha `alt` text +- a generic avatar icon + +{{"demo": "pages/components/avatars/FallbackAvatars.js"}} + +## Grouped + +`AvatarGroup` renders its children as a stack. + +{{"demo": "pages/components/avatars/GroupAvatars.js"}} + +## Mit Badge + +{{"demo": "pages/components/avatars/BadgeAvatars.js"}} \ No newline at end of file diff --git a/docs/src/pages/components/avatars/avatars-es.md b/docs/src/pages/components/avatars/avatars-es.md index 9ccf606b9f2430..de71e057ef20e8 100644 --- a/docs/src/pages/components/avatars/avatars-es.md +++ b/docs/src/pages/components/avatars/avatars-es.md @@ -1,27 +1,33 @@ --- title: Componente Avatar de React -components: Avatar +components: Avatar, AvatarGroup, Badge --- -# Avatares +# Avatar

Los avatares se pueden encontrar a lo largo de todo Material Design con usos que van desde tablas hasta diálogos de menús.

## Avatares de Imágenes -Las imágenes de avatares son creadas por medio de la etiqueta `img` y su propiedad `src` o por medio de `srcSet` dentro del componente. +Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} ## Avatares de Letras -Los avatares que contienen letras simples pueden crearse pasando su cadena como `children`. +Avatars containing simple characters can be created by passing a string as `children`. {{"demo": "pages/components/avatars/LetterAvatars.js"}} -## Avatares de íconos +## Tamaños -Los avatares de íconos son creados pasando un ícono como `children`. +You can change the size of the avatar with the `height` and `width` CSS properties. + +{{"demo": "pages/components/avatars/SizeAvatars.js"}} + +## Icon avatars + +Icon avatars are created by passing an icon as `children`. {{"demo": "pages/components/avatars/IconAvatars.js"}} @@ -29,4 +35,24 @@ Los avatares de íconos son creados pasando un ícono como `children`. If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} \ No newline at end of file +{{"demo": "pages/components/avatars/VariantAvatars.js"}} + +## Fallbacks + +If there is an error loading the avatar image, the component falls back to an alternative in the following order: + +- the provided children +- the first letter of tha `alt` text +- a generic avatar icon + +{{"demo": "pages/components/avatars/FallbackAvatars.js"}} + +## Grouped + +`AvatarGroup` renders its children as a stack. + +{{"demo": "pages/components/avatars/GroupAvatars.js"}} + +## With badge + +{{"demo": "pages/components/avatars/BadgeAvatars.js"}} \ No newline at end of file diff --git a/docs/src/pages/components/avatars/avatars-fr.md b/docs/src/pages/components/avatars/avatars-fr.md index a4a86a11718621..4a22007bb9a2fa 100644 --- a/docs/src/pages/components/avatars/avatars-fr.md +++ b/docs/src/pages/components/avatars/avatars-fr.md @@ -1,27 +1,33 @@ --- title: Composant React Avatar -components: Avatar +components: Avatar, AvatarGroup, Badge --- -# Avatars +# Avatar

Les avatars sont utilisés un peu partout dans le design material et peuvent être utilisés dans tous les domaines, des tableaux aux menus de dialogue.

## Avatars d'images -Des avatars pour l’image peuvent être créés en passant la propriété `img` standard `src` ou `srcSet` dans le composant. +Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} ## Lettre avatars -Des avatars contenant des caractères simples peuvent être créés en transmettant votre chaîne sous la forme `enfants`. +Avatars containing simple characters can be created by passing a string as `children`. {{"demo": "pages/components/avatars/LetterAvatars.js"}} -## Avatars d'icônes +## Tailles -Les avatars d'icônes sont créés en transmettant une icône à `enfant`. +You can change the size of the avatar with the `height` and `width` CSS properties. + +{{"demo": "pages/components/avatars/SizeAvatars.js"}} + +## Icon avatars + +Icon avatars are created by passing an icon as `children`. {{"demo": "pages/components/avatars/IconAvatars.js"}} @@ -29,4 +35,24 @@ Les avatars d'icônes sont créés en transmettant une icône à `enfant`. If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} \ No newline at end of file +{{"demo": "pages/components/avatars/VariantAvatars.js"}} + +## Fallbacks + +If there is an error loading the avatar image, the component falls back to an alternative in the following order: + +- the provided children +- the first letter of tha `alt` text +- a generic avatar icon + +{{"demo": "pages/components/avatars/FallbackAvatars.js"}} + +## Grouped + +`AvatarGroup` renders its children as a stack. + +{{"demo": "pages/components/avatars/GroupAvatars.js"}} + +## With badge + +{{"demo": "pages/components/avatars/BadgeAvatars.js"}} \ No newline at end of file diff --git a/docs/src/pages/components/avatars/avatars-ja.md b/docs/src/pages/components/avatars/avatars-ja.md index 34a193917e0879..1232130d4e3e24 100644 --- a/docs/src/pages/components/avatars/avatars-ja.md +++ b/docs/src/pages/components/avatars/avatars-ja.md @@ -1,27 +1,33 @@ --- title: Avatar React component -components: Avatar +components: Avatar, AvatarGroup, Badge --- -# Avatars +# Avatar

Avatars(アバター) は、テーブルからダイアログメニューまで、あらゆる用途に使用されています。

## Image avatars -画像アバターは、標準の `img` プロップス `src` または `srcSet` をコンポーネントに渡すことで作成できます。 +Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} ## Letter avatars -単純な文字を含むアバターは、文字列を `子要素`として渡すことによって作成できます。 +Avatars containing simple characters can be created by passing a string as `children`. {{"demo": "pages/components/avatars/LetterAvatars.js"}} +## サイズ + +You can change the size of the avatar with the `height` and `width` CSS properties. + +{{"demo": "pages/components/avatars/SizeAvatars.js"}} + ## Icon avatars -アイコンアバターは、 `子要素`としてアイコンを渡すことによって作成されます。 +Icon avatars are created by passing an icon as `children`. {{"demo": "pages/components/avatars/IconAvatars.js"}} @@ -29,4 +35,24 @@ components: Avatar If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} \ No newline at end of file +{{"demo": "pages/components/avatars/VariantAvatars.js"}} + +## Fallbacks + +If there is an error loading the avatar image, the component falls back to an alternative in the following order: + +- the provided children +- the first letter of tha `alt` text +- a generic avatar icon + +{{"demo": "pages/components/avatars/FallbackAvatars.js"}} + +## Grouped + +`AvatarGroup` renders its children as a stack. + +{{"demo": "pages/components/avatars/GroupAvatars.js"}} + +## With badge + +{{"demo": "pages/components/avatars/BadgeAvatars.js"}} \ No newline at end of file diff --git a/docs/src/pages/components/avatars/avatars-pt.md b/docs/src/pages/components/avatars/avatars-pt.md index 3226f8c13c30b9..b18a80f1d547fd 100644 --- a/docs/src/pages/components/avatars/avatars-pt.md +++ b/docs/src/pages/components/avatars/avatars-pt.md @@ -1,27 +1,33 @@ --- title: Componente React para Avatares -components: Avatar +components: Avatar, AvatarGroup, Badge --- -# Avatares +# Avatar

Os avatares são encontrado ao longo do material design, com usos em tudo, desde tabelas até menus de diálogo.

## Avatares com imagens -Avatares com imagem podem ser criados utilizando as propriedades padrões `img`, `src` ou `srcSet` do componente. +Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} ## Avatares com letras -Avatares com letras podem ser criados passando sua string como `children`. +Avatars containing simple characters can be created by passing a string as `children`. {{"demo": "pages/components/avatars/LetterAvatars.js"}} -## Avatares com ícones +## Tamanhos -Avatares com ícones são criados passando o ícone como `children`. +You can change the size of the avatar with the `height` and `width` CSS properties. + +{{"demo": "pages/components/avatars/SizeAvatars.js"}} + +## Icon avatars + +Icon avatars are created by passing an icon as `children`. {{"demo": "pages/components/avatars/IconAvatars.js"}} @@ -29,4 +35,24 @@ Avatares com ícones são criados passando o ícone como `children`. If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} \ No newline at end of file +{{"demo": "pages/components/avatars/VariantAvatars.js"}} + +## Fallbacks + +If there is an error loading the avatar image, the component falls back to an alternative in the following order: + +- the provided children +- the first letter of tha `alt` text +- a generic avatar icon + +{{"demo": "pages/components/avatars/FallbackAvatars.js"}} + +## Grouped + +`AvatarGroup` renders its children as a stack. + +{{"demo": "pages/components/avatars/GroupAvatars.js"}} + +## With badge + +{{"demo": "pages/components/avatars/BadgeAvatars.js"}} \ No newline at end of file diff --git a/docs/src/pages/components/avatars/avatars-ru.md b/docs/src/pages/components/avatars/avatars-ru.md index 3e5c21509d1d97..0b7e54d6a12651 100644 --- a/docs/src/pages/components/avatars/avatars-ru.md +++ b/docs/src/pages/components/avatars/avatars-ru.md @@ -1,27 +1,33 @@ --- title: React-компонент Аватар -components: Avatar +components: Avatar, AvatarGroup, Badge --- -# Аватары +# Avatar

Аватары встречаются в material design и используются во всем - от таблиц до диалоговых меню.

## Аватары изображений -Аватары можно создать, передав стандартные свойства компонента `img`, такие как `src` или `srcSet`. +Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} ## Буквенные аватары -Аватары, содержащие простые символы, можно создать, передав вашу строку как `children`. +Avatars containing simple characters can be created by passing a string as `children`. {{"demo": "pages/components/avatars/LetterAvatars.js"}} -## Иконочные аватары +## Размеры -Аватары значков создаются путем передачи значка как `children`. +You can change the size of the avatar with the `height` and `width` CSS properties. + +{{"demo": "pages/components/avatars/SizeAvatars.js"}} + +## Icon avatars + +Icon avatars are created by passing an icon as `children`. {{"demo": "pages/components/avatars/IconAvatars.js"}} @@ -29,4 +35,24 @@ components: Avatar If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} \ No newline at end of file +{{"demo": "pages/components/avatars/VariantAvatars.js"}} + +## Fallbacks + +If there is an error loading the avatar image, the component falls back to an alternative in the following order: + +- the provided children +- the first letter of tha `alt` text +- a generic avatar icon + +{{"demo": "pages/components/avatars/FallbackAvatars.js"}} + +## Сгруппированные + +`AvatarGroup` renders its children as a stack. + +{{"demo": "pages/components/avatars/GroupAvatars.js"}} + +## With badge + +{{"demo": "pages/components/avatars/BadgeAvatars.js"}} \ No newline at end of file diff --git a/docs/src/pages/components/avatars/avatars-zh.md b/docs/src/pages/components/avatars/avatars-zh.md index ac39da9b6c0a17..505e9340379cca 100644 --- a/docs/src/pages/components/avatars/avatars-zh.md +++ b/docs/src/pages/components/avatars/avatars-zh.md @@ -1,27 +1,33 @@ --- title: React Avatar(头像)组件 -components: Avatar +components: Avatar, AvatarGroup, Badge --- -# Avatars(头像) +# Avatar (头像)

在整个 material design 中,无论是在表格中还是到对话框菜单中,都可以找到使用头像的身影。

## Image avatars(图片头像) -为了创建图像头像,您可以传递` src `或` srcSet `这样的标准的` img ` 的属性到组件里。 +Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. {{"demo": "pages/components/avatars/ImageAvatars.js"}} ## Letter avatars(字母头像) -为了创建包含简单字符的头像,您可以把字符串作为`子元素`来传递。 +Avatars containing simple characters can be created by passing a string as `children`. {{"demo": "pages/components/avatars/LetterAvatars.js"}} -## Icon avatars(图标头像) +## 尺寸 -为了创建图标头像, 您可以将图标作为`子元素`来传递。 +You can change the size of the avatar with the `height` and `width` CSS properties. + +{{"demo": "pages/components/avatars/SizeAvatars.js"}} + +## Icon avatars + +Icon avatars are created by passing an icon as `children`. {{"demo": "pages/components/avatars/IconAvatars.js"}} @@ -29,4 +35,24 @@ components: Avatar If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} \ No newline at end of file +{{"demo": "pages/components/avatars/VariantAvatars.js"}} + +## Fallbacks + +If there is an error loading the avatar image, the component falls back to an alternative in the following order: + +- the provided children +- the first letter of tha `alt` text +- a generic avatar icon + +{{"demo": "pages/components/avatars/FallbackAvatars.js"}} + +## 分组 + +`AvatarGroup` renders its children as a stack. + +{{"demo": "pages/components/avatars/GroupAvatars.js"}} + +## With badge + +{{"demo": "pages/components/avatars/BadgeAvatars.js"}} \ No newline at end of file diff --git a/docs/src/pages/components/backdrop/backdrop-aa.md b/docs/src/pages/components/backdrop/backdrop-aa.md new file mode 100644 index 00000000000000..4146357b427649 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-aa.md @@ -0,0 +1,12 @@ +--- +title: crwdns106863:0crwdne106863:0 +components: crwdns106865:0crwdne106865:0 +--- + +# crwdns106867:0crwdne106867:0 + +

crwdns106869:0crwdne106869:0

+ +crwdns106871:0crwdne106871:0 crwdns106873:0crwdne106873:0 + +crwdns106875:0crwdne106875:0 diff --git a/docs/src/pages/components/backdrop/backdrop-de.md b/docs/src/pages/components/backdrop/backdrop-de.md new file mode 100644 index 00000000000000..cd56bf3c6ecc11 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-de.md @@ -0,0 +1,12 @@ +--- +title: Overlay React component +components: Backdrop +--- + +# 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-es.md b/docs/src/pages/components/backdrop/backdrop-es.md new file mode 100644 index 00000000000000..cd56bf3c6ecc11 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-es.md @@ -0,0 +1,12 @@ +--- +title: Overlay React component +components: Backdrop +--- + +# 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-fr.md b/docs/src/pages/components/backdrop/backdrop-fr.md new file mode 100644 index 00000000000000..cd56bf3c6ecc11 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-fr.md @@ -0,0 +1,12 @@ +--- +title: Overlay React component +components: Backdrop +--- + +# 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-ja.md b/docs/src/pages/components/backdrop/backdrop-ja.md new file mode 100644 index 00000000000000..cd56bf3c6ecc11 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-ja.md @@ -0,0 +1,12 @@ +--- +title: Overlay React component +components: Backdrop +--- + +# 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-pt.md b/docs/src/pages/components/backdrop/backdrop-pt.md new file mode 100644 index 00000000000000..cd56bf3c6ecc11 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-pt.md @@ -0,0 +1,12 @@ +--- +title: Overlay React component +components: Backdrop +--- + +# 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-ru.md b/docs/src/pages/components/backdrop/backdrop-ru.md new file mode 100644 index 00000000000000..cd56bf3c6ecc11 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-ru.md @@ -0,0 +1,12 @@ +--- +title: Overlay React component +components: Backdrop +--- + +# 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 new file mode 100644 index 00000000000000..cd56bf3c6ecc11 --- /dev/null +++ b/docs/src/pages/components/backdrop/backdrop-zh.md @@ -0,0 +1,12 @@ +--- +title: Overlay React component +components: Backdrop +--- + +# 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/badges/badges-aa.md b/docs/src/pages/components/badges/badges-aa.md index bab5f78c8b23b6..b83374ee9a1ef1 100644 --- a/docs/src/pages/components/badges/badges-aa.md +++ b/docs/src/pages/components/badges/badges-aa.md @@ -3,7 +3,7 @@ title: crwdns89310:0crwdne89310:0 components: crwdns89312:0crwdne89312:0 --- -# crwdns89314:0crwdne89314:0 +# crwdns106123:0crwdne106123:0

crwdns89316:0crwdne89316:0

@@ -15,7 +15,7 @@ crwdns89324:0crwdne89324:0 ## crwdns100708:0crwdne100708:0 -crwdns100710:0crwdne100710:0 crwdns100712:0crwdne100712:0 +crwdns106593:0crwdne106593:0 crwdns100712:0crwdne100712:0 crwdns100714:0crwdne100714:0 @@ -49,4 +49,4 @@ crwdns100744:0crwdne100744:0 crwdns100748:0crwdne100748:0 -crwdns100750:0crwdne100750:0 \ No newline at end of file +crwdns106595:0crwdne106595:0 \ No newline at end of file diff --git a/docs/src/pages/components/badges/badges-de.md b/docs/src/pages/components/badges/badges-de.md index fd114dbeddffa2..f532e8a2030d06 100644 --- a/docs/src/pages/components/badges/badges-de.md +++ b/docs/src/pages/components/badges/badges-de.md @@ -3,7 +3,7 @@ title: Badge React-Komponente components: Badge --- -# Badges +# Badge

Badge generiert ein kleines Abzeichen an der oberen rechten Ecke seiner Kinder.

@@ -15,7 +15,7 @@ Beispiele für Text Badges in Primär- und Sekundärfarben. The badge is applied ## Customized badges -Hier sind einige Beispiele, wie man die Komponente anpassen kann. You can learn more about this in the [overrides documentation page](/customization/components/). +Hier ist ein Beispiel zum Anpassen der Komponente. You can learn more about this in the [overrides documentation page](/customization/components/). {{"demo": "pages/components/badges/CustomizedBadges.js"}} @@ -49,4 +49,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `horizontalAlignment` and `verticalAlignment` properties to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js"}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file diff --git a/docs/src/pages/components/badges/badges-es.md b/docs/src/pages/components/badges/badges-es.md index 956b10bd9e53a1..d88192baa6a336 100644 --- a/docs/src/pages/components/badges/badges-es.md +++ b/docs/src/pages/components/badges/badges-es.md @@ -3,7 +3,7 @@ title: Componente Badge components: Badge --- -# Placas +# Badge

El componente Badge genera un pequeño badge en la esquina superior derecha de su(s) hijo(s).

@@ -15,7 +15,7 @@ Ejemplos de insignias que contienen texto, utilizando colores primarios y secund ## Placas personalizadas -Here are some examples of customizing the component. You can learn more about this in the [overrides documentation page](/customization/components/). +Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/components/). {{"demo": "pages/demos/badges/CustomizedBadge.js"}} @@ -49,4 +49,4 @@ Puede usar la propiedad `overlap` para colocar la insignia relativa a la esquina Puede usar las propiedades `horizontalAlignment` y `verticalAlignment` para mover la insignia a cualquier esquina del elemento envuelto. -{{"demo": "pages/components/badges/BadgeAlignment.js"}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file diff --git a/docs/src/pages/components/badges/badges-fr.md b/docs/src/pages/components/badges/badges-fr.md index bd40e84eab5b0f..63c89c4b8c6d6b 100644 --- a/docs/src/pages/components/badges/badges-fr.md +++ b/docs/src/pages/components/badges/badges-fr.md @@ -3,7 +3,7 @@ title: Composant React Badge components: Badge --- -# Badges +# Badge

Emblema gera um pequeno emblema para o canto superior direito do seu filho(s).

@@ -15,7 +15,7 @@ Exemples de badges contenant du texte, utilisant les couleurs primaires et secon ## Customized badges -Here are some examples of customizing the component. You can learn more about this in the [overrides documentation page](/customization/components/). +Voici un exemple de personnalisation du composant. You can learn more about this in the [overrides documentation page](/customization/components/). {{"demo": "pages/components/badges/CustomizedBadges.js"}} @@ -49,4 +49,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `horizontalAlignment` and `verticalAlignment` properties to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js"}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file diff --git a/docs/src/pages/components/badges/badges-ja.md b/docs/src/pages/components/badges/badges-ja.md index ef3da7abc0be51..57e0ca4dbcc6bf 100644 --- a/docs/src/pages/components/badges/badges-ja.md +++ b/docs/src/pages/components/badges/badges-ja.md @@ -1,9 +1,9 @@ --- -title: Badge React component +title: バッジReactコンポーネント components: Badge --- -# Badges +# Badge (バッジ)

バッジは、その子供の右上に小さなバッジを生成します。

@@ -15,7 +15,7 @@ components: Badge ## Customized badges (カスタマイズされたバッジ) -コンポーネントのカスタマイズの例を次に示します。 詳細については、 [オーバーライドドキュメントページ](/customization/components/)ご覧ください。 +コンポーネントのカスタマイズ例を次に示します。 詳細については、 [オーバーライドドキュメントページ](/customization/components/)ご覧ください。 {{"demo": "pages/components/badges/CustomizedBadges.js"}} @@ -49,4 +49,4 @@ BadgeContentが0の場合、バッジは自動的に非表示になります。 `horizontalAlignment` および `verticalAlignment` プロパティを使用して、ラップされた要素の任意のコーナーにバッジを移動できます。 -{{"demo": "pages/components/badges/BadgeAlignment.js"}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file diff --git a/docs/src/pages/components/badges/badges-pt.md b/docs/src/pages/components/badges/badges-pt.md index e00b32a0d10b01..76b2d3d4c3667b 100644 --- a/docs/src/pages/components/badges/badges-pt.md +++ b/docs/src/pages/components/badges/badges-pt.md @@ -3,7 +3,7 @@ title: Componente React para Emblemas components: Badge --- -# Emblemas +# Badge (Emblema)

Badge gera um pequeno emblema no canto superior direito de seu(s) filho(s).

@@ -15,7 +15,7 @@ Exemplos de emblemas contendo texto, usando cores primárias e secundárias. O e ## Emblemas Customizados -Aqui estão alguns exemplos de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/components/). +Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/components/). {{"demo": "pages/components/badges/CustomizedBadges.js"}} @@ -49,4 +49,4 @@ Você pode usar a propriedade `overlap` para colocar o emblema em relação ao c Você pode usar as propriedades `horizontalAlignment` e `verticalAlignment` para mover o emblema para qualquer canto do elemento agrupado. -{{"demo": "pages/components/badges/BadgeAlignment.js"}} \ No newline at end of file +{{"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 3b03c627e2dc0d..5d29fba7576d09 100644 --- a/docs/src/pages/components/badges/badges-ru.md +++ b/docs/src/pages/components/badges/badges-ru.md @@ -3,7 +3,7 @@ title: React-компонент Значок components: Badge --- -# Значки +# Badge (значок)

Значок генерирует маленький значок в правом верхнем углу своего дочернего(их) элемента(ов).

@@ -15,7 +15,7 @@ components: Badge ## Настраиваемые значки -Вот несколько примеров настройки компонента. You can learn more about this in the [overrides documentation page](/customization/components/). +Ниже находится пример кастомизации компонента. You can learn more about this in the [overrides documentation page](/customization/components/). {{"demo": "pages/components/badges/CustomizedBadges.js"}} @@ -29,13 +29,13 @@ components: Badge ## Максимальное значение -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. +Свойство `точка` превращает значок в маленькую точку. Это можно использовать как уведомление о том, что что-то изменилось без подсчета. {{"demo": "pages/components/badges/DotBadge.js"}} @@ -49,4 +49,4 @@ You can use the `overlap` property to place the badge relative to the corner of You can use the `horizontalAlignment` and `verticalAlignment` properties to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js"}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file diff --git a/docs/src/pages/components/badges/badges-zh.md b/docs/src/pages/components/badges/badges-zh.md index 5ed48d9beac80b..d2fb3bc09d8ce7 100644 --- a/docs/src/pages/components/badges/badges-zh.md +++ b/docs/src/pages/components/badges/badges-zh.md @@ -3,7 +3,7 @@ title: React Badge(徽章)组件 components: Badge --- -# Badges(徽章) +# Badge(徽章)

徽章会在其子项的右上角生成一个小徽章。

@@ -15,7 +15,7 @@ components: Badge ## 自定义徽章 -以下是自定义组件的一些例子。 您可以在[重写文档页面](/customization/components/)中了解更多有关此内容的信息。 +以下是自定义组件的一个示例。 您可以在[重写文档页面](/customization/components/)中了解更多有关此内容的信息。 {{"demo": "pages/components/badges/CustomizedBadges.js"}} @@ -49,4 +49,4 @@ components: Badge 您可以使用 `horizontalAlignment` 和 `verticalAlignment` 这两个属性,在封装的组件任意角落显示徽章组件。 -{{"demo": "pages/components/badges/BadgeAlignment.js"}} \ No newline at end of file +{{"demo": "pages/components/badges/BadgeAlignment.js", "hideHeader": true}} \ No newline at end of file diff --git a/docs/src/pages/components/bottom-navigation/bottom-navigation-de.md b/docs/src/pages/components/bottom-navigation/bottom-navigation-de.md index b1ad4345343849..8c347704659798 100644 --- a/docs/src/pages/components/bottom-navigation/bottom-navigation-de.md +++ b/docs/src/pages/components/bottom-navigation/bottom-navigation-de.md @@ -7,7 +7,7 @@ components: BottomNavigation, BottomNavigationAction

Die unteren Navigationsleisten ermöglichen die Bewegung zwischen primären Zielen in einer App.

-Die [unteren Navigationsleiste](https://material.io/design/components/bottom-navigation.html) zeigt drei bis fünf Ziele am unteren Bildschirmrand an. Jedes Ziel wird durch ein Symbol und eine optionale Textbezeichnung dargestellt. Wenn Sie auf ein unteres Navigationssymbol tippen, wird der Benutzer zum Navigationsziel der obersten Ebene geführt, das diesem Symbol zugeordnet ist. +Die [untere Navigationsleiste](https://material.io/design/components/bottom-navigation.html) zeigt drei bis fünf Ziele am unteren Bildschirmrand an. Jedes Ziel wird durch ein Symbol und eine optionale Textbezeichnung dargestellt. Wenn Sie auf ein unteres Navigationssymbol tippen, wird der Benutzer zum Navigationsziel der obersten Ebene geführt, das diesem Symbol zugeordnet ist. ## Bottom Navigation (Untere Navigation) diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-de.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-de.md index 3a66b800263a7f..0515f1556efc6f 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-de.md +++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-de.md @@ -37,7 +37,7 @@ Hier ist ein Beispiel zum Anpassen der Komponente. Mehr dazu erfahren Sie auf de {{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} -## Integration with react-router +## Integration mit react-router {{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-es.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-es.md index cbae918a3c5d46..fd50af3cd0119d 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-es.md +++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-es.md @@ -37,7 +37,7 @@ Here is an example of customizing the component. You can learn more about this i {{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} -## Integration with react-router +## Integración con react-router {{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-fr.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-fr.md index c55b55b259cdea..7117bdb6c8f097 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-fr.md +++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-fr.md @@ -37,7 +37,7 @@ Voici un exemple de personnalisation du composant. Vous pouvez en savoir plus da {{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} -## Integration with react-router +## Intégration avec react-router {{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-ja.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-ja.md index 2e45a70a2ebb0f..816c7c388e74a4 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-ja.md +++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-ja.md @@ -5,7 +5,7 @@ components: Breadcrumbs, Link, Typography # Breadcrumbs -

ブレッドクラムを使用すると、値の範囲から選択できます。

+

Breadcrumbsを使用すると、値の範囲から選択できます。

## シンプルなbreadcurmbs @@ -37,7 +37,7 @@ In the following examples, we are using two string separators, and an SVG icon. {{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} -## Integration with react-router +## react-routerとの統合 {{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-pt.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-pt.md index 97692869685676..62d6810bd9ff44 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-pt.md +++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-pt.md @@ -37,7 +37,7 @@ Aqui está um exemplo de customização do componente. Você pode aprender mais {{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} -## Integration with react-router +## Integração com react-router {{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-ru.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-ru.md index 15fc5408822038..fe663207726113 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-ru.md +++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-ru.md @@ -37,7 +37,7 @@ In the following examples, we are using two string separators, and an SVG icon. {{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} -## Integration with react-router +## Интеграция с react-router {{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} diff --git a/docs/src/pages/components/buttons/buttons-aa.md b/docs/src/pages/components/buttons/buttons-aa.md index 7963e28d2e48c8..87ac88fa147263 100644 --- a/docs/src/pages/components/buttons/buttons-aa.md +++ b/docs/src/pages/components/buttons/buttons-aa.md @@ -3,7 +3,7 @@ title: crwdns89530:0crwdne89530:0 components: crwdns89532:0crwdne89532:0 --- -# crwdns89534:0crwdne89534:0 +# crwdns106125:0crwdne106125:0

crwdns89536:0crwdne89536:0

@@ -23,108 +23,118 @@ crwdns89558:0crwdne89558:0 crwdns89560:0crwdne89560:0 +crwdns106723:0crwdne106723:0 + +crwdns106725:0crwdne106725:0 + ## crwdns89562:0crwdne89562:0 -crwdns89564:0crwdne89564:0 +crwdns106727:0crwdne106727:0 - crwdns89566:0crwdne89566:0 - crwdns89568:0crwdne89568:0 -crwdns89570:0crwdne89570:0 +crwdns106729:0crwdne106729:0 -crwdns89572:0crwdne89572:0 +crwdns106731:0crwdne106731:0 ## crwdns89574:0crwdne89574:0 -crwdns89576:0crwdne89576:0 crwdns89578:0crwdne89578:0 +crwdns106733:0crwdne106733:0 crwdns106735:0crwdne106735:0 -### crwdns89580:0crwdne89580:0 +crwdns106737:0crwdne106737:0 -crwdns89582:0crwdne89582:0 - -crwdns89584:0crwdne89584:0 +crwdns106739:0crwdne106739:0 ## crwdns89586:0crwdne89586:0 -crwdns89588:0crwdne89588:0 +crwdns106741:0crwdne106741:0 + +crwdns106743:0crwdne106743:0 + +### crwdns106745:0crwdne106745:0 + +crwdns106747:0crwdne106747:0 + +### crwdns106749:0crwdne106749:0 -crwdns89590:0crwdne89590:0 +crwdns106751:0crwdne106751:0 -## crwdns89592:0crwdne89592:0 +### crwdns106753:0crwdne106753:0 -crwdns89594:0crwdne89594:0 crwdns100706:0crwdne100706:0 +crwdns106755:0crwdne106755:0 crwdns106757:0crwdne106757:0 -crwdns89598:0crwdne89598:0 +crwdns106759:0crwdne106759:0 -## crwdns89600:0crwdne89600:0 +## crwdns106761:0crwdne106761:0 -crwdns89602:0crwdne89602:0 crwdns89604:0crwdne89604:0 crwdns89606:0crwdne89606:0 +crwdns106763:0crwdne106763:0 crwdns106765:0crwdne106765:0 crwdns106767:0crwdne106767:0 -crwdns89608:0crwdne89608:0 +crwdns106769:0crwdne106769:0 -crwdns89610:0crwdne89610:0 +crwdns106771:0crwdne106771:0 -crwdns89612:0crwdne89612:0 +crwdns106773:0crwdne106773:0 -crwdns89614:0crwdne89614:0 +crwdns106775:0crwdne106775:0 -crwdns89616:0crwdne89616:0 +crwdns106777:0crwdne106777:0 -crwdns89618:0crwdne89618:0 crwdns89620:0crwdne89620:0 +crwdns106779:0crwdne106779:0 crwdns106781:0crwdne106781:0 -crwdns105327:0crwdne105327:0 +crwdns106783:0crwdne106783:0 -## crwdns105329:0crwdne105329:0 +## crwdns106785:0crwdne106785:0 -crwdns105331:0crwdne105331:0 +crwdns106787:0crwdne106787:0 -## crwdns105333:0crwdne105333:0 +## crwdns106789:0crwdne106789:0 -crwdns105335:0crwdne105335:0 crwdns105337:0crwdne105337:0 +crwdns106791:0crwdne106791:0 crwdns106793:0crwdne106793:0 -crwdns105339:0crwdne105339:0 +crwdns106795:0crwdne106795:0 -## crwdns105341:0crwdne105341:0 +## crwdns106797:0crwdne106797:0 -crwdns105343:0crwdne105343:0 crwdns105345:0crwdne105345:0 +crwdns106799:0crwdne106799:0 crwdns106801:0crwdne106801:0 -crwdns105347:0crwdne105347:0 +crwdns106803:0crwdne106803:0 -## crwdns105349:0crwdne105349:0 +## crwdns106805:0crwdne106805:0 -crwdns105351:0crwdne105351:0 +crwdns106807:0crwdne106807:0 -crwdns105353:0crwdne105353:0 +crwdns106809:0crwdne106809:0 -crwdns105355:0crwdne105355:0 +crwdns106811:0crwdne106811:0 -## crwdns105357:0crwdne105357:0 +## crwdns106813:0crwdne106813:0 -crwdns105359:0crwdne105359:0 crwdns105361:0crwdne105361:0 +crwdns106815:0crwdne106815:0 crwdns106817:0crwdne106817:0 -crwdns105363:0crwdne105363:0 +crwdns106819:0crwdne106819:0 -crwdns105365:0crwdne105365:0 +crwdns106821:0crwdne106821:0 -## crwdns105367:0crwdne105367:0 +## crwdns106823:0crwdne106823:0 -crwdns105369:0crwdne105369:0 crwdns105371:0crwdne105371:0 +crwdns106825:0crwdne106825:0 crwdns106827:0crwdne106827:0 -crwdns105373:0crwdne105373:0 +crwdns106829:0crwdne106829:0 -## crwdns105375:0crwdne105375:0 +## crwdns106831:0crwdne106831:0 -crwdns105377:0crwdne105377:0 crwdns105379:0crwdne105379:0 crwdns105381:0crwdne105381:0 crwdns105383:0crwdne105383:0 crwdns105385:0crwdne105385:0 +crwdns106833:0crwdne106833:0 crwdns106835:0crwdne106835:0 crwdns106837:0crwdne106837:0 crwdns106839:0crwdne106839:0 crwdns106841:0crwdne106841:0 -crwdns105387:0crwdne105387:0 +crwdns106843:0crwdne106843:0 -## crwdns105389:0crwdne105389:0 +## crwdns106845:0crwdne106845:0 -### crwdns103690:0crwdne103690:0 +### crwdns106847:0crwdne106847:0 -crwdns105391:0crwdne105391:0 +crwdns106849:0crwdne106849:0 -crwdns105393:0crwdne105393:0 +crwdns106851:0crwdne106851:0 1. crwdns103698:0crwdne103698:0 crwdns103700:0crwdne103700:0 @@ -132,7 +142,7 @@ crwdns105393:0crwdne105393:0 crwdns105395:0crwdne105395:0 ``` -crwdns105397:0crwdne105397:0 +crwdns106853:0crwdne106853:0 - crwdns103706:0crwdne103706:0 - crwdns103708:0crwdne103708:0 @@ -143,4 +153,4 @@ crwdns105397:0crwdne105397:0 crwdns105399:0{{ cursor: 'not-allowed' }}crwdnd105399:0{Link}crwdne105399:0 ``` -crwdns105401:0crwdne105401:0 \ No newline at end of file +crwdns106855:0crwdne106855: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 8c983e2324ecae..247a83498246e8 100644 --- a/docs/src/pages/components/buttons/buttons-de.md +++ b/docs/src/pages/components/buttons/buttons-de.md @@ -3,7 +3,7 @@ title: Button React Komponente components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom --- -# Buttons +# Button (schaltfläche)

Mit den Schaltflächen können Benutzer mit einem einzigen Tastendruck Aktionen ausführen und Entscheidungen treffen.

@@ -23,54 +23,64 @@ Das letzte Beispiel dieser Demo zeigt, wie Sie eine Schaltfläche zum Hochladen {{"demo": "pages/components/buttons/ContainedButtons.js"}} +You can remove the elevation with the `disableElevation` prop. + +{{"demo": "pages/components/buttons/DisableElevation.js"}} + ## 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. -### Alternativen - -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 -Mit der ButtonGroup-Komponente können Sie umrissene (Standard) oder betonte Buttons gruppieren. +The `ButtonGroup` component can be used to group buttons. {{"demo": "pages/components/buttons/GroupedButtons.js"}} -## Split Button +### 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. +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/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. +A [floating action button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. FABs come in two types: regular, and extended. -Verwenden Sie eine FAB nur, wenn dies für die Darstellung der Hauptaktion eines Bildschirms am besten geeignet ist. +Only use a FAB if it is the most suitable way to present a screen’s primary action. -Es wird nur eine Floating Action Button pro Bildschirm empfohlen, um die am häufigsten verwendete Aktion darzustellen. +Only one floating action button is recommended per screen to represent the most common action. {{"demo": "pages/components/buttons/FloatingActionButtons.js"}} -Der floating-action-button, wird standardmäßig als expandierendes Material auf dem Bildschirm animiert. +The floating action button animates onto the screen as an expanding piece of material, by default. -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. +A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. -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. +The Zoom transition can be used to achieve this. Note that since both the exiting and entering animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. {{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}} diff --git a/docs/src/pages/components/buttons/buttons-es.md b/docs/src/pages/components/buttons/buttons-es.md index 03f2f99394b5f5..469d020610a68f 100644 --- a/docs/src/pages/components/buttons/buttons-es.md +++ b/docs/src/pages/components/buttons/buttons-es.md @@ -3,7 +3,7 @@ title: Componente de React Button components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom --- -# Botones +# Button (botón)

Los botones permiten a los usuarios ejecutar acciones, y tomar decisiones, con un simple toque.

@@ -23,54 +23,64 @@ El último ejemplo de esta demostración muestra cómo usar un botón de subir a {{"demo": "pages/components/buttons/ContainedButtons.js"}} +You can remove the elevation with the `disableElevation` prop. + +{{"demo": "pages/components/buttons/DisableElevation.js"}} + ## Botones de texto -Los [Botones de texto](https://material.io/design/components/buttons.html#text-button) se suelen usar para acciones menos notables, incluyendo las que se encuentran: +[Text buttons](https://material.io/design/components/buttons.html#text-button) are typically used for less-pronounced actions, including those located: - En diálogos - En tarjetas -En las tarjetas, los botones de texto ayudan a mantener un énfasis en el contenido de la tarjeta. +In cards, text buttons help maintain an emphasis on card content. {{"demo": "pages/components/buttons/TextButtons.js"}} ## Botones con Contorno -[Botones con contorno (outlined)](https://material.io/design/components/buttons.html#outlined-button) son de énfasis medio. Contienen acciones que son importantes, pero no primarias en la 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. -### Alternativos - -Los botones delineados también son una alternativa de menos énfasis que los botones contenidos, o de mayor énfasis que los botones de texto. +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"}} ## Botones Agrupados -The ButtonGroup component can be used to group outlined (the default) or contained buttons. +The `ButtonGroup` component can be used to group buttons. {{"demo": "pages/components/buttons/GroupedButtons.js"}} -## Split Button +### Group sizes and colors + +{{"demo": "pages/components/buttons/GroupSizesColors.js"}} + +### Group orientation + +{{"demo": "pages/components/buttons/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/buttons/SplitButton.js"}} -## Botones de acción flotantes +## Floating Action Buttons -Un [botón de acción flotante](https://material.io/design/components/buttons-floating-action-button.html) (BAF) desempeña la acción principal, o más común, en una pantalla. Aparece en frente de todo el contenido de la pantalla, normalmente como una forma circular con un icono en el centro. Los BAF existen en dos formas: regular, y extendido. +A [floating action button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. FABs come in two types: regular, and extended. -Sólo se recomienda usar un BAF si es la manera más apta para presentar la acción primaria de una pantalla. +Only use a FAB if it is the most suitable way to present a screen’s primary action. -Se recomienda solo un botón flotante por pantalla para representar la acción más común. +Only one floating action button is recommended per screen to represent the most common action. {{"demo": "pages/components/buttons/FloatingActionButtons.js"}} -El botón de acción flotante aparece en la página animado como un pedazo de material en expansión, por defecto. +The floating action button animates onto the screen as an expanding piece of material, by default. -Un botón de acción flotante que aparece en varias páginas laterales (como páginas en pestañas) debe desaparecer por un momento, y luego aparecer de nuevo si su acción cambia. +A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. -La transición Zoom se puede usar para lograr esto. Ten en cuenta que ya que las animaciones de salida y de entrada son desencadenados al mismo tiempo, usamos `enterDelay` para permitir que termine la animación del Botón de Acción Flotante saliente antes de que entre el nuevo. +The Zoom transition can be used to achieve this. Note that since both the exiting and entering animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. {{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}} diff --git a/docs/src/pages/components/buttons/buttons-fr.md b/docs/src/pages/components/buttons/buttons-fr.md index 0fc3f29491f231..a296e9aef83c14 100644 --- a/docs/src/pages/components/buttons/buttons-fr.md +++ b/docs/src/pages/components/buttons/buttons-fr.md @@ -3,7 +3,7 @@ title: Composant React Button components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom --- -# Buttons (Boutons) +# Button (bouton)

Les boutons permettent aux utilisateurs d'effectuer une action et de faire des choix en un seul clic.

@@ -23,54 +23,64 @@ Le dernier exemple de cette démo montre comment utiliser un bouton de télécha {{"demo": "pages/components/buttons/ContainedButtons.js"}} +You can remove the elevation with the `disableElevation` prop. + +{{"demo": "pages/components/buttons/DisableElevation.js"}} + ## Boutons de texte -[Les boutons de texte](https://material.io/design/components/buttons.html#text-button) sont généralement utilisés pour les actions moins prononcées, y compris celles situées: +[Text buttons](https://material.io/design/components/buttons.html#text-button) are typically used for less-pronounced actions, including those located: - Dans les dialogues - Dans les cartes -Dans les cartes, les boutons de texte aident à maintenir l’accent sur le contenu des cartes. +In cards, text buttons help maintain an emphasis on card content. {{"demo": "pages/components/buttons/TextButtons.js"}} ## Boutons en surbrillance -[boutons en surbrillance](https://material.io/design/components/buttons.html#outlined-button) sont des boutons à accent moyen. Ils contiennent des actions importantes mais qui ne sont pas l'action principale d'une application. +[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. -### Alternatives - -Les boutons surbrillance sont également une alternative moins importante que les boutons contenus, ou une alternative plus importante aux boutons de texte. +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 outlined (the default) or contained buttons. +The `ButtonGroup` component can be used to group buttons. {{"demo": "pages/components/buttons/GroupedButtons.js"}} -## Split Button +### Group sizes and colors + +{{"demo": "pages/components/buttons/GroupSizesColors.js"}} + +### Group orientation + +{{"demo": "pages/components/buttons/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/buttons/SplitButton.js"}} -## Boutons d'action flottant +## Floating Action Buttons -A [bouton d'action flottante](https://material.io/design/components/buttons-floating-action-button.html) (FAB) effectue la première, ou la plus courante, l' action sur un écran. Il apparaît devant tout le contenu de l'écran, généralement sous la forme d'une forme circulaire avec une icône en son centre. Il existe deux types de FAB: régulier et étendu. +A [floating action button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. FABs come in two types: regular, and extended. -Utilisez un FAB uniquement si c'est le moyen le plus approprié pour présenter l'action principale d'un écran. +Only use a FAB if it is the most suitable way to present a screen’s primary action. -Un seul bouton d’action flottante est recommandé par écran pour représenter l’action la plus courante. +Only one floating action button is recommended per screen to represent the most common action. {{"demo": "pages/components/buttons/FloatingActionButtons.js"}} -Le bouton d'action flottante s'anime sur l'écran en tant que matériau en expansion, par défaut. +The floating action button animates onto the screen as an expanding piece of material, by default. -Un bouton d'action flottant qui s'étend sur plusieurs écrans latéraux (tels que des écrans à onglets) devrait disparaître brièvement, puis sur si son action change. +A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. -La transition Zoom peut être utilisée pour y parvenir. Notez que, comme les animations sortantes et entrantes sont déclenchées simultanément, nous utilisons `enterDelay` pour permettre à l'animation du bouton d'action flottant sortant de se terminer avant l'entrée de la nouvelle. +The Zoom transition can be used to achieve this. Note that since both the exiting and entering animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. {{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}} diff --git a/docs/src/pages/components/buttons/buttons-ja.md b/docs/src/pages/components/buttons/buttons-ja.md index 95cff29ecc0fe2..52beb13b01d43b 100644 --- a/docs/src/pages/components/buttons/buttons-ja.md +++ b/docs/src/pages/components/buttons/buttons-ja.md @@ -3,7 +3,7 @@ title: Button コンポーネント components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom --- -# Button +# Button (ボタン)

Buttonを使用すると、ユーザーは1回のタップでアクションを実行したり選択したりできます。

@@ -23,54 +23,64 @@ components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom {{"demo": "pages/components/buttons/ContainedButtons.js"}} +You can remove the elevation with the `disableElevation` prop. + +{{"demo": "pages/components/buttons/DisableElevation.js"}} + ## Text Buttons -[Text button](https://material.io/design/components/buttons.html#text-button)は、一般的にそれほど目立たせる必要のないアクションに対して用いられます。例えば、次のようなコンポーネントの中で用いられます。 +[Text buttons](https://material.io/design/components/buttons.html#text-button) are typically used for less-pronounced actions, including those located: - Dialog - Card -Cardの中でText Buttonを用いることで、Cardの内容に重点を置くことができます。 +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) are medium-emphasis buttons. 重要なアクションを含みますが、アプリ内では最も重要ではない、といった場合に使われます。 +[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 buttonは、Contained buttonと比べると強調が弱く、 Text buttonと比べると強調の強いボタンです。 +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 -ButtonGroupコンポーネントは、アウトラインボタン(デフォルト)または含まれているボタンをグループ化するために使用できます。 +The `ButtonGroup` component can be used to group buttons. {{"demo": "pages/components/buttons/GroupedButtons.js"}} -## Split Button +### Group sizes and colors + +{{"demo": "pages/components/buttons/GroupSizesColors.js"}} + +### Group orientation + +{{"demo": "pages/components/buttons/GroupOrientation.js"}} + +### Split Button -ButtonGroupは分割ボタンの作成にも使用できます。 この例のようにドロップダウンでボタンの動作を変更することも、関連する動作をすぐに起動するために使用することもできます。 +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/buttons/SplitButton.js"}} ## Floating Action Buttons -[floating action button](https://material.io/design/components/buttons-floating-action-button.html)(FAB) は画面上でもっとも重要で一般的なアクションを実行する際に使用します。 FABは画面の構成要素の中で最前面に配置され、一般的に円形で中央にアイコンが配置されます。 FABには次の二つのタイプがあります: regular extended +A [floating action button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. FABs come in two types: regular, and extended. -FABを使用するのは、それが画面の主なアクションを提示するための最も適切な方法である場合だけにしてください。 +Only use a FAB if it is the most suitable way to present a screen’s primary action. -最も一般的なアクションを表すには、画面ごとに1つのフローティングアクションボタンのみをお勧めします。 +Only one floating action button is recommended per screen to represent the most common action. {{"demo": "pages/components/buttons/FloatingActionButtons.js"}} -デフォルトでは、フローティングアクションボタンは、拡大する素材として画面上にアニメーション表示されます。 +The floating action button animates onto the screen as an expanding piece of material, by default. -複数の横方向の画面(タブ付き画面など)にまたがるフローティングアクションボタンは、一時的に消えてから、アクションが変わると再表示されます。 +A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. -これを実現するにはズームトランジションを使用できます。 終了アニメーションと入力アニメーションの両方が同時にトリガーされるため、新しいフローティングアクションボタンのアニメーションが開始される前に終了するように` enterDelay `を使用します。 +The Zoom transition can be used to achieve this. Note that since both the exiting and entering animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. {{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}} @@ -86,15 +96,15 @@ FABを使用するのは、それが画面の主なアクションを提示す ## Buttons with icons and label -ロゴはプレーンテキストよりも認識しやすいため、ボタンにアイコンを追加してアプリケーションのUXを強化したい場合があります。 たとえば、削除ボタンにごみ箱アイコンを付けるような場合です。 +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 -アイコンだけのボタンは、App BarやToolbarでよく使われます。 +Icon buttons are commonly found in app bars and toolbars. -アイコンは、アイテムを一つ選択したり、アイテムに星を追加または削除するなど選択/解除できるトグルボタンにも適しています。 +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"}} diff --git a/docs/src/pages/components/buttons/buttons-pt.md b/docs/src/pages/components/buttons/buttons-pt.md index b1d8e650175c9d..72d291f5c3dc8c 100644 --- a/docs/src/pages/components/buttons/buttons-pt.md +++ b/docs/src/pages/components/buttons/buttons-pt.md @@ -3,7 +3,7 @@ title: Componente React para Botão components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom --- -# Botões +# Button (botão)

Botões permitem que os usuários tomem ações e decisões com um simples toque.

@@ -23,54 +23,64 @@ O último exemplo desta demonstração mostra como usar um botão de upload. {{"demo": "pages/components/buttons/ContainedButtons.js"}} +You can remove the elevation with the `disableElevation` prop. + +{{"demo": "pages/components/buttons/DisableElevation.js"}} + ## Botões de Texto -[Botões de Texto](https://material.io/design/components/buttons.html#text-button) são utilizados tipicamente para ações menos-pronunciadas, incluindo aquelas localizadas em: +[Text buttons](https://material.io/design/components/buttons.html#text-button) are typically used for less-pronounced actions, including those located: - Caixas de diálogo - Cartões -Em cartões, os botões de texto ajudam a manter a ênfase no conteúdo do cartão. +In cards, text buttons help maintain an emphasis on card content. {{"demo": "pages/components/buttons/TextButtons.js"}} ## Botões Delineados -[Botões Delineados](https://material.io/design/components/buttons.html#outlined-button) são botões com ênfase média. Eles contém ações que são importantes, mas não são as ações primárias de um aplicativo. +[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. -### Alternativas - -Botões delineados são uma alternativa de menor ênfase comparado com botões contidos, ou uma uma alternativa de maior ênfase comparado com botões de texto. +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"}} ## Botões Agrupados -O componente ButtonGroup pode ser usado para agrupar os botões delineados (o padrão) ou contidos. +The `ButtonGroup` component can be used to group buttons. {{"demo": "pages/components/buttons/GroupedButtons.js"}} -## Botão Dividido +### Group sizes and colors + +{{"demo": "pages/components/buttons/GroupSizesColors.js"}} + +### Group orientation + +{{"demo": "pages/components/buttons/GroupOrientation.js"}} + +### Split Button -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. +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/buttons/SplitButton.js"}} -## Botões de Ação Flutuante +## Floating Action Buttons -Um [Botão de Ação Flutuante](https://material.io/design/components/buttons-floating-action-button.html) (BAF) executa a ação principal, ou mais comum, em uma tela. Ele aparece na frente de todos os conteúdos da tela, normalmente como uma forma circular com um ícone em seu centro. BAFs vêm em dois tipos: regular e estendido. +A [floating action button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. FABs come in two types: regular, and extended. -Use apenas um BAF se é a maneira mais adequada para apresentar a ação principal de uma tela. +Only use a FAB if it is the most suitable way to present a screen’s primary action. -É recomendado utilizar apenas um botão de ação flutuante por tela, esse botão deve representar a ação mais comum. +Only one floating action button is recommended per screen to represent the most common action. {{"demo": "pages/components/buttons/FloatingActionButtons.js"}} -O botão de ação flutuante anima na tela como uma parte expansiva do material, por padrão. +The floating action button animates onto the screen as an expanding piece of material, by default. -Um botão de ação flutuante que abranja várias telas laterais (como telas com guias) deve desaparecer brevemente, então reapareça se sua ação mudar. +A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. -A transição de zoom pode ser usada para conseguir isso. Observe que, como as animações de entrada e saída são acionadas ao mesmo tempo, usamos `enterDelay` para permitir que a animação do botão de ação flutuante de saída termine antes que a nova seja inserida. +The Zoom transition can be used to achieve this. Note that since both the exiting and entering animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. {{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}} @@ -120,7 +130,7 @@ Here is an [integration example with react-router](/guides/composition/#button). ## Limitações -### Cursor não permitido +### Cursor not-allowed The ButtonBase component sets `pointer-events: none;` on disabled buttons, which prevents the appearance of a disabled cursor. diff --git a/docs/src/pages/components/buttons/buttons-ru.md b/docs/src/pages/components/buttons/buttons-ru.md index 71e2aaadc3f7c1..b053779b102276 100644 --- a/docs/src/pages/components/buttons/buttons-ru.md +++ b/docs/src/pages/components/buttons/buttons-ru.md @@ -3,7 +3,7 @@ title: React-компонент Кнопка components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom --- -# Кнопки +# Button (кнопки)

Кнопки позволяют пользователям выполнять действия и делать выбор одним нажатием.

@@ -23,54 +23,64 @@ components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom {{"demo": "pages/components/buttons/ContainedButtons.js"}} +You can remove the elevation with the `disableElevation` prop. + +{{"demo": "pages/components/buttons/DisableElevation.js"}} + ## Текстовые кнопки -[Текстовые кнопки](https://material.io/design/components/buttons.html#text-button) обычно используются для менее выраженных действий, в том числе расположенных: +[Text buttons](https://material.io/design/components/buttons.html#text-button) are typically used for less-pronounced actions, including those located: - В диалогах - В карточках - Cards -В Карточках (Cards) текстовые кнопки помогают сохранить акцент на содержании карточки. +In cards, text buttons help maintain an emphasis on card content. {{"demo": "pages/components/buttons/TextButtons.js"}} ## Контурные кнопки -[Контурные кнопки](https://material.io/design/components/buttons.html#outlined-button) - это кнопки со средним акцентом. Они содержат действия, которые важны, но не являются основными в приложении. +[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 are also a lower emphasis alternative to contained buttons, or a higher emphasis alternative to text buttons. {{"demo": "pages/components/buttons/OutlinedButtons.js"}} ## Сгруппированные кнопки -Компонент ButtonGroup можно использовать для группировки контурных (по умолчанию) или блочных кнопок. +The `ButtonGroup` component can be used to group buttons. {{"demo": "pages/components/buttons/GroupedButtons.js"}} -## Split Button +### Group sizes and colors + +{{"demo": "pages/components/buttons/GroupSizesColors.js"}} + +### Group orientation + +{{"demo": "pages/components/buttons/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/buttons/SplitButton.js"}} -## Плавающие кнопки действий +## Floating Action Buttons -[Плавающая кнопка действия](https://material.io/design/components/buttons-floating-action-button.html) выполняет основное или наиболее распространенное действие на экране. Они отображаются над всем содержимым экрана, обычно в виде закрашенного круга со значком в центре. FABs бывают двух типов: обычные и расширенные. +A [floating action button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. FABs come in two types: regular, and extended. -Используйте плавающую кнопку действий (FAB) только в том случае, если это наиболее подходящий способ представить основное действие экрана. +Only use a FAB if it is the most suitable way to present a screen’s primary action. -Для отображения наиболее распространенных действий рекомендуется использовать только одну кнопку с плавающим действием. +Only one floating action button is recommended per screen to represent the most common action. {{"demo": "pages/components/buttons/FloatingActionButtons.js"}} -По умолчанию анимация кнопки с плавающим действием на экране является расширяющейся. +The floating action button animates onto the screen as an expanding piece of material, by default. -Кнопка с плавающим действием, которая охватывает несколько боковых экранов (например, экраны с вкладками), должна анимироваться при переходах. +A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. -Переход масштабирование (Zoom) может быть использован для достижения этой цели. Обратите внимание, что так как выход и вход анимации запускаются одновременно, мы используем ` enterDelay `, чтобы разрешить исходящим кнопкам плавающего действия анимироваться постепенно. +The Zoom transition can be used to achieve this. Note that since both the exiting and entering animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. {{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}} diff --git a/docs/src/pages/components/buttons/buttons-zh.md b/docs/src/pages/components/buttons/buttons-zh.md index 0de704fff928d2..dfc81cf7734a55 100644 --- a/docs/src/pages/components/buttons/buttons-zh.md +++ b/docs/src/pages/components/buttons/buttons-zh.md @@ -3,7 +3,7 @@ title: React Button(按钮)组件 components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom --- -# Buttons(按钮) +# Button(按钮)

只需通过轻按一下按钮,用户即可采取行动并做出选择。

@@ -23,54 +23,64 @@ components: Button, ButtonGroup, Fab, IconButton, ButtonBase, Zoom {{"demo": "pages/components/buttons/ContainedButtons.js"}} +You can remove the elevation with the `disableElevation` prop. + +{{"demo": "pages/components/buttons/DisableElevation.js"}} + ## Text Buttons(文本按钮) -[文本按钮](https://material.io/design/components/buttons.html#text-button)通常用于不太醒目的操作, 包括那些位于: +[Text buttons](https://material.io/design/components/buttons.html#text-button) are typically used for less-pronounced actions, including those located: - dialogs(对话框)中的 - cards(卡片)中的 -在卡片中,使用文本按钮有助于保持卡片内容的醒目程度。 +In cards, text buttons help maintain an emphasis on card content. {{"demo": "pages/components/buttons/TextButtons.js"}} ## Outlined Buttons(描边按钮) -[描边按钮](https://material.io/design/components/buttons.html#outlined-button)是中等强调按钮。 它们包含重要但在应用程序中的不是主要的那些操作。 +[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 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(组合按钮) -ButtonGroup 组件可用于组合描边按钮(默认的)或者实心按钮。 +The `ButtonGroup` component can be used to group buttons. {{"demo": "pages/components/buttons/GroupedButtons.js"}} -## Split Button(分割按钮) +### Group sizes and colors + +{{"demo": "pages/components/buttons/GroupSizesColors.js"}} + +### Group orientation + +{{"demo": "pages/components/buttons/GroupOrientation.js"}} + +### Split Button -ButtonGroup 也可用于创建分割按钮。 下拉列表可以用于更改按钮相关的操作(如本例所示),或者用于立即出发一个相关的操作。 +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/buttons/SplitButton.js"}} -## Floating Action Buttons(提升动作按钮) +## Floating Action Buttons -[提升动作按钮](https://material.io/design/components/buttons-floating-action-button.html) (FAB) 在屏幕上执行主要的或最常用的操作。 它出现在所有屏幕内容的前面,通常是一个圆形,中间有一个图标。 FAB 一般有两种类型:常规的和扩展的。 +A [floating action button](https://material.io/design/components/buttons-floating-action-button.html) (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. FABs come in two types: regular, and extended. -仅使用 FAB 则是最适合呈现屏幕主要操作的方法。 +Only use a FAB if it is the most suitable way to present a screen’s primary action. -在每个屏幕中,我们建议只有一个浮动操作按钮来表示最常见的操作。 +Only one floating action button is recommended per screen to represent the most common action. {{"demo": "pages/components/buttons/FloatingActionButtons.js"}} -默认情况下,浮动操作按钮会以展开的动画出现在屏幕上。 +The floating action button animates onto the screen as an expanding piece of material, by default. -跨越多个横向屏幕(例如标签式屏幕)的浮动操作按钮应该短暂消失,然后如果其动作改变则会重新出现。 +A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. -您可以使用缩放转换来实现此目的。 请注意,鉴于退出和进入的动画会同时被触发,我们使用`enterDelay` 来确保旧的浮动动作按钮的动画会在新的按钮出现之前完成。 +The Zoom transition can be used to achieve this. Note that since both the exiting and entering animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. {{"demo": "pages/components/buttons/FloatingActionButtonZoom.js", "bg": true}} @@ -120,7 +130,7 @@ Here is an [integration example with react-router](/guides/composition/#button). ## 局限性 -### Cursor(鼠标悬浮)禁用 +### Cursor not-allowed The ButtonBase component sets `pointer-events: none;` on disabled buttons, which prevents the appearance of a disabled cursor. diff --git a/docs/src/pages/components/cards/cards-aa.md b/docs/src/pages/components/cards/cards-aa.md index 7a627385f2495b..33c2f0e4d54918 100644 --- a/docs/src/pages/components/cards/cards-aa.md +++ b/docs/src/pages/components/cards/cards-aa.md @@ -3,7 +3,7 @@ title: crwdns89686:0crwdne89686:0 components: crwdns89688:0crwdne89688:0 --- -# crwdns89690:0crwdne89690:0 +# crwdns106127:0crwdne106127:0

crwdns89692:0crwdne89692:0

diff --git a/docs/src/pages/components/cards/cards-de.md b/docs/src/pages/components/cards/cards-de.md index 136b92708f4892..b4d8e93f72798e 100644 --- a/docs/src/pages/components/cards/cards-de.md +++ b/docs/src/pages/components/cards/cards-de.md @@ -3,7 +3,7 @@ title: Cards React Komponente components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper --- -# Karten (Cards) +# Card (karte)

Karten enthalten Inhalte und Aktionen zu einem bestimmten Thema.

diff --git a/docs/src/pages/components/cards/cards-es.md b/docs/src/pages/components/cards/cards-es.md index 139634b7feb053..519f13e6d1192b 100644 --- a/docs/src/pages/components/cards/cards-es.md +++ b/docs/src/pages/components/cards/cards-es.md @@ -3,7 +3,7 @@ title: Componente de React Card (Tarjeta) components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper --- -# Tarjetas +# Card (tarjeta)

Las tarjetas contienen información y acciones sobre un tema.

diff --git a/docs/src/pages/components/cards/cards-fr.md b/docs/src/pages/components/cards/cards-fr.md index 1602636087c77b..d6db07fd3a9ae1 100644 --- a/docs/src/pages/components/cards/cards-fr.md +++ b/docs/src/pages/components/cards/cards-fr.md @@ -3,7 +3,7 @@ title: Composant React Carte components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper --- -# Cards (Cartes) +# Card (carte)

Les cartes contiennent du contenu et des actions sur un seul sujet.

diff --git a/docs/src/pages/components/cards/cards-pt.md b/docs/src/pages/components/cards/cards-pt.md index 1c71de90bbda29..926b708c5b597f 100644 --- a/docs/src/pages/components/cards/cards-pt.md +++ b/docs/src/pages/components/cards/cards-pt.md @@ -3,7 +3,7 @@ title: Componente React para Cartão components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper --- -# Cartões +# Card (cartão)

Cartões contêm conteúdo e ações sobre um único assunto.

diff --git a/docs/src/pages/components/cards/cards-ru.md b/docs/src/pages/components/cards/cards-ru.md index 6ed22afc3a6e05..d18d5386e0775f 100644 --- a/docs/src/pages/components/cards/cards-ru.md +++ b/docs/src/pages/components/cards/cards-ru.md @@ -3,7 +3,7 @@ title: Card компонент из React components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper --- -# Карточки +# Card (карточка)

Карточки содержат контент и действия, относящиеся к одной теме.

diff --git a/docs/src/pages/components/cards/cards-zh.md b/docs/src/pages/components/cards/cards-zh.md index 01646971586f26..cde26e5ab3eeeb 100644 --- a/docs/src/pages/components/cards/cards-zh.md +++ b/docs/src/pages/components/cards/cards-zh.md @@ -3,7 +3,7 @@ title: React Card(卡片)组件 components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper --- -# Cards(卡片) +# Card(卡片)

卡片包含有关单个主题的内容和操作。

diff --git a/docs/src/pages/components/checkboxes/checkboxes-aa.md b/docs/src/pages/components/checkboxes/checkboxes-aa.md index 569379308c920a..cec404be4796e0 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-aa.md +++ b/docs/src/pages/components/checkboxes/checkboxes-aa.md @@ -3,7 +3,7 @@ title: crwdns89740:0crwdne89740:0 components: crwdns89742:0crwdne89742:0 --- -# crwdns89744:0crwdne89744:0 +# crwdns106129:0crwdne106129:0

crwdns89746:0crwdne89746:0

diff --git a/docs/src/pages/components/checkboxes/checkboxes-de.md b/docs/src/pages/components/checkboxes/checkboxes-de.md index be14126cf85c13..707416f468265b 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-de.md +++ b/docs/src/pages/components/checkboxes/checkboxes-de.md @@ -3,7 +3,7 @@ title: Checkbox React-Komponente components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Kontrollkästchen +# Checkbox (kontrollkästchen)

Kontrollkästchen ermöglichen dem Benutzer die Auswahl eines oder mehrerer Elemente aus einem Satz.

@@ -38,7 +38,7 @@ Hier ist ein Beispiel zum Anpassen der Komponente. Mehr dazu erfahren Sie auf de ## When to use - [Kontrollkästchen vs. Optionsfeld (Radio Buttons)](https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/) -- [Kontrollkästchen vs. Schalter (Switch)](https://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8) +- [Kontrollkästchen vs. Schalter](https://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8) ## Barrierefreiheit diff --git a/docs/src/pages/components/checkboxes/checkboxes-es.md b/docs/src/pages/components/checkboxes/checkboxes-es.md index c17397a4fcc665..5cdcaf9631cd11 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-es.md +++ b/docs/src/pages/components/checkboxes/checkboxes-es.md @@ -3,7 +3,7 @@ title: Checkbox React component components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Casillas de Verificación +# Checkbox

Los Checkbox permiten al usuario seleccionar uno o más elementos de un conjunto.

diff --git a/docs/src/pages/components/checkboxes/checkboxes-fr.md b/docs/src/pages/components/checkboxes/checkboxes-fr.md index afbe330c3ddd1c..cb496bd2767d59 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-fr.md +++ b/docs/src/pages/components/checkboxes/checkboxes-fr.md @@ -3,7 +3,7 @@ title: Checkbox React component components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Cases à cocher +# Checkbox (case à cocher)

Les cases à cocher permettent à l'utilisateur de sélectionner un ou plusieurs objets d'un ensembe.

diff --git a/docs/src/pages/components/checkboxes/checkboxes-ja.md b/docs/src/pages/components/checkboxes/checkboxes-ja.md index d9ce0ecd98cb8c..fd3ac28b8b2976 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-ja.md +++ b/docs/src/pages/components/checkboxes/checkboxes-ja.md @@ -3,7 +3,7 @@ title: CheckBox コンポーネント components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Checkbox +# Checkbox (チェックボックス)

Checkboxコンポーネントにより、ユーザーの選択が一つ以上の項目から設定します。

diff --git a/docs/src/pages/components/checkboxes/checkboxes-pt.md b/docs/src/pages/components/checkboxes/checkboxes-pt.md index 0f3cb0c7e16007..fb2aa5445308b1 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-pt.md +++ b/docs/src/pages/components/checkboxes/checkboxes-pt.md @@ -3,7 +3,7 @@ title: Componente React Caixa de Seleção components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Caixas de Seleção +# Checkbox (Caixa de Seleção)

Caixas de Seleção permitem o usuário selecionar um ou mais itens de um conjunto.

diff --git a/docs/src/pages/components/checkboxes/checkboxes-ru.md b/docs/src/pages/components/checkboxes/checkboxes-ru.md index 44264799f2be07..08a33272376857 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-ru.md +++ b/docs/src/pages/components/checkboxes/checkboxes-ru.md @@ -3,7 +3,7 @@ title: Checkbox React component components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Чекбоксы +# Checkbox

Чекбоксы позволяют выбрать один или несколько элементов из набора.

diff --git a/docs/src/pages/components/checkboxes/checkboxes-zh.md b/docs/src/pages/components/checkboxes/checkboxes-zh.md index afe3afe8131d5a..d8b401013a7633 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-zh.md +++ b/docs/src/pages/components/checkboxes/checkboxes-zh.md @@ -3,7 +3,7 @@ title: React Checkbox(复选框)组件 components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Checkboxes(复选框) +# Checkbox(选择框)

在一个集合内,用户可以通过复选框来选择一个或者多个选项。

diff --git a/docs/src/pages/components/chips/chips-aa.md b/docs/src/pages/components/chips/chips-aa.md index 446b16c6c424c0..ce726902b7c632 100644 --- a/docs/src/pages/components/chips/chips-aa.md +++ b/docs/src/pages/components/chips/chips-aa.md @@ -3,7 +3,7 @@ title: crwdns89792:0crwdne89792:0 components: crwdns89794:0crwdne89794:0 --- -# crwdns89796:0crwdne89796:0 +# crwdns106131:0crwdne106131:0

crwdns89798:0crwdne89798:0

diff --git a/docs/src/pages/components/chips/chips-de.md b/docs/src/pages/components/chips/chips-de.md index fb2a4d17b60586..062ea2d0915836 100644 --- a/docs/src/pages/components/chips/chips-de.md +++ b/docs/src/pages/components/chips/chips-de.md @@ -3,7 +3,7 @@ title: Chip React Component components: Chip --- -# Chips +# Chip

Chips sind kompakte Elemente, die eine Eingabe, ein Attribut oder eine Aktion repräsentieren.

diff --git a/docs/src/pages/components/chips/chips-es.md b/docs/src/pages/components/chips/chips-es.md index 4f1aa81b4384b3..a2e1bdc9ba78d3 100644 --- a/docs/src/pages/components/chips/chips-es.md +++ b/docs/src/pages/components/chips/chips-es.md @@ -1,9 +1,9 @@ --- -title: Chip React component +title: "Los Chips son elementos compactos que representan una entrada, atributo, o acción.\nLos Chips le permiten a los usuarios introducir información, hacer selecciones, filtrar contenido, o activar acciones.\nAunque incluido como un componente individual, el uso más común será en algún tipo de entrada de formulario, por lo que parte del comportamiento demostrado aquí no se muestra en este contexto" components: Chip --- -# Chips +# Chip

Los Chips son elementos compactos que representan una entrada, atributo o acción.

diff --git a/docs/src/pages/components/chips/chips-fr.md b/docs/src/pages/components/chips/chips-fr.md index 9623fd263c20c0..2b9a648df230b3 100644 --- a/docs/src/pages/components/chips/chips-fr.md +++ b/docs/src/pages/components/chips/chips-fr.md @@ -3,7 +3,7 @@ title: Composant React Puce components: Chip --- -# Chips (Puces) +# Chip (puce)

Les puces sont des éléments compacts qui représentent une entrée, un attribut ou une action.

diff --git a/docs/src/pages/components/chips/chips-ja.md b/docs/src/pages/components/chips/chips-ja.md index 1a70c80ddec0ff..66e5cf72486f8c 100644 --- a/docs/src/pages/components/chips/chips-ja.md +++ b/docs/src/pages/components/chips/chips-ja.md @@ -3,7 +3,7 @@ title: Chip コンポーネント components: Chip --- -# Chips +# Chip

Chipsは、入力、属性、やアクションを表すコンパクトな要素です。

diff --git a/docs/src/pages/components/chips/chips-pt.md b/docs/src/pages/components/chips/chips-pt.md index d3923ab0a379ca..534bd799e1f0e5 100644 --- a/docs/src/pages/components/chips/chips-pt.md +++ b/docs/src/pages/components/chips/chips-pt.md @@ -3,7 +3,7 @@ title: Componente React Chip components: Chip --- -# Chips +# Chip

Chips são elementos compactos que representam uma entrada, atributo ou ação.

diff --git a/docs/src/pages/components/chips/chips-ru.md b/docs/src/pages/components/chips/chips-ru.md index b5c9cadda72ae6..e796b3c8ad9b6f 100644 --- a/docs/src/pages/components/chips/chips-ru.md +++ b/docs/src/pages/components/chips/chips-ru.md @@ -3,7 +3,7 @@ title: Фишки, компонент React components: Chip --- -# Фишки +# Chip (фишка)

Фишки - это компактные элементы, представляющие входные данные, атрибут или действие.

diff --git a/docs/src/pages/components/chips/chips-zh.md b/docs/src/pages/components/chips/chips-zh.md index d4aed5f7e2f981..86ccdb241e4701 100644 --- a/docs/src/pages/components/chips/chips-zh.md +++ b/docs/src/pages/components/chips/chips-zh.md @@ -3,7 +3,7 @@ title: React Chip(纸片)组件 components: Chip --- -# Chips(纸片组件) +# Chip(纸片组件)

纸片组件是用来表示输入框、属性或操作的紧凑元素。

diff --git a/docs/src/pages/components/dialogs/dialogs-aa.md b/docs/src/pages/components/dialogs/dialogs-aa.md index e3aae03d4953aa..6048b07505c909 100644 --- a/docs/src/pages/components/dialogs/dialogs-aa.md +++ b/docs/src/pages/components/dialogs/dialogs-aa.md @@ -3,7 +3,7 @@ title: crwdns89940:0crwdne89940:0 components: crwdns89942:0crwdne89942:0 --- -# crwdns89944:0crwdne89944:0 +# crwdns106095:0crwdne106095:0

crwdns89946:0crwdne89946:0

@@ -105,6 +105,10 @@ crwdns102492:0crwdne102492:0 crwdns102494:0crwdne102494:0 -## crwdns102496:0crwdne102496:0 +## crwdns106097:0crwdne106097:0 -crwdns102498:0crwdne102498:0 \ No newline at end of file +crwdns106099:0crwdne106099:0 + +## crwdns106101:0crwdne106101:0 + +crwdns106103:0crwdne106103:0 \ No newline at end of file diff --git a/docs/src/pages/components/dialogs/dialogs-de.md b/docs/src/pages/components/dialogs/dialogs-de.md index 762f467cc7725b..a4f2101e11c24a 100644 --- a/docs/src/pages/components/dialogs/dialogs-de.md +++ b/docs/src/pages/components/dialogs/dialogs-de.md @@ -3,7 +3,7 @@ title: Dialog React-Komponente components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- -# Dialoge +# Dialog

Dialoge informieren Benutzer über eine Aufgabe und können wichtige Informationen enthalten, Entscheidungen erfordern oder mehrere Aufgaben umfassen.

@@ -112,6 +112,10 @@ Try the demo below to see what we mean: {{"demo": "pages/components/dialogs/ScrollDialog.js"}} +## Einschränkungen + +Follow the [Modal limitations section](/components/modal/#limitations). + ## Barrierefreiheit Follow the [Modal accessibility section](/components/modal/#accessibility). \ No newline at end of file diff --git a/docs/src/pages/components/dialogs/dialogs-es.md b/docs/src/pages/components/dialogs/dialogs-es.md index 203ac857a983c0..5eed6ddb0896b6 100644 --- a/docs/src/pages/components/dialogs/dialogs-es.md +++ b/docs/src/pages/components/dialogs/dialogs-es.md @@ -3,7 +3,7 @@ title: Componente React Dialog components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- -# Diálogos +# Dialog (diálogo)

Los diálogos informan a los usuarios sobre una tarea y pueden contener información importante, requerir decisiones, o involucrar múltiples tareas.

@@ -112,6 +112,10 @@ Try the demo below to see what we mean: {{"demo": "pages/components/dialogs/ScrollDialog.js"}} +## Limitaciones + +Follow the [Modal limitations section](/components/modal/#limitations). + ## Accesibilidad Follow the [Modal accessibility section](/components/modal/#accessibility). \ No newline at end of file diff --git a/docs/src/pages/components/dialogs/dialogs-fr.md b/docs/src/pages/components/dialogs/dialogs-fr.md index b6a693b2c56e84..cadf9c653ed1f6 100644 --- a/docs/src/pages/components/dialogs/dialogs-fr.md +++ b/docs/src/pages/components/dialogs/dialogs-fr.md @@ -3,7 +3,7 @@ title: Composant React Dialogue components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- -# Dialogs (Dialogues) +# Dialog (dialogue)

Les boîtes de dialogue informent les utilisateurs sur une tâche et peuvent contenir des informations critiques, nécessiter des décisions ou impliquer plusieurs tâches.

@@ -112,6 +112,10 @@ Try the demo below to see what we mean: {{"demo": "pages/components/dialogs/ScrollDialog.js"}} +## Limites + +Follow the [Modal limitations section](/components/modal/#limitations). + ## Accessibilité Follow the [Modal accessibility section](/components/modal/#accessibility). \ No newline at end of file diff --git a/docs/src/pages/components/dialogs/dialogs-ja.md b/docs/src/pages/components/dialogs/dialogs-ja.md index e7e89dd561570d..c06cdc74a54362 100644 --- a/docs/src/pages/components/dialogs/dialogs-ja.md +++ b/docs/src/pages/components/dialogs/dialogs-ja.md @@ -3,7 +3,7 @@ title: Dialog Reactコンポーネント components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- -# ダイアログ +# Dialog (ダイアログ)

ダイアログは、タスクについてユーザーに通知します。重要な情報を含める、決定を求める、または複数のタスクを伴うことができます。

@@ -40,7 +40,7 @@ components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions {{"demo": "pages/components/dialogs/AlertDialog.js"}} -## Transições +## Transitions トランジションを入れ替えることもできます。次の例では、`Slide`. を使用します。 @@ -112,6 +112,10 @@ Try the demo below to see what we mean: {{"demo": "pages/components/dialogs/ScrollDialog.js"}} +## 制限事項 + +Follow the [Modal limitations section](/components/modal/#limitations). + ## アクセシビリティ Follow the [Modal accessibility section](/components/modal/#accessibility). \ No newline at end of file diff --git a/docs/src/pages/components/dialogs/dialogs-pt.md b/docs/src/pages/components/dialogs/dialogs-pt.md index 446e41cd04f477..3b08148b2013eb 100644 --- a/docs/src/pages/components/dialogs/dialogs-pt.md +++ b/docs/src/pages/components/dialogs/dialogs-pt.md @@ -3,7 +3,7 @@ title: Componente React para Diálogos components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- -# Diálogos +# Dialog (diálogo)

As caixas de diálogo informa aos usuários sobre uma tarefa e podem conter informações críticas, exigir decisões ou envolver várias tarefas.

@@ -112,6 +112,10 @@ Experimente a demonstração abaixo para ver o que queremos dizer: {{"demo": "pages/components/dialogs/ScrollDialog.js"}} +## Limitações + +Follow the [Modal limitations section](/components/modal/#limitations). + ## Acessibilidade -Siga a seção de [ Acessibilidade Modal](/components/modal/#accessibility). \ No newline at end of file +Follow the [Modal accessibility section](/components/modal/#accessibility). \ No newline at end of file diff --git a/docs/src/pages/components/dialogs/dialogs-ru.md b/docs/src/pages/components/dialogs/dialogs-ru.md index dab239f2f5b2ae..f5b70104976ae2 100644 --- a/docs/src/pages/components/dialogs/dialogs-ru.md +++ b/docs/src/pages/components/dialogs/dialogs-ru.md @@ -3,7 +3,7 @@ title: Диалог, компонент React components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- -# Диалоги +# Dialog (диалог)

Диалоги информируют пользователей о задаче и могут содержать критическую информацию, требовать решения или включать несколько задач.

@@ -112,6 +112,10 @@ When dialogs become too long for the user’s viewport or device, they scroll. {{"demo": "pages/components/dialogs/ScrollDialog.js"}} +## Ограничения + +Follow the [Modal limitations section](/components/modal/#limitations). + ## Доступность Follow the [Modal accessibility section](/components/modal/#accessibility). \ No newline at end of file diff --git a/docs/src/pages/components/dialogs/dialogs-zh.md b/docs/src/pages/components/dialogs/dialogs-zh.md index 05a480a6ef2876..6110102afa1d2f 100644 --- a/docs/src/pages/components/dialogs/dialogs-zh.md +++ b/docs/src/pages/components/dialogs/dialogs-zh.md @@ -3,7 +3,7 @@ title: React Dialog(对话框)组件 components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide --- -# Dialogs(对话框组件) +# Dialog(对话框)

对话框将一个任务告知给用户,它包含了一些关键信息,需要用户进行确认,或者包含了多个任务。

@@ -112,6 +112,10 @@ function MyComponent() { {{"demo": "pages/components/dialogs/ScrollDialog.js"}} +## 局限性 + +Follow the [Modal limitations section](/components/modal/#limitations). + ## 可访问性 -请参考[模态框可及性的部分](/components/modal/#accessibility)。 \ No newline at end of file +Follow the [Modal accessibility section](/components/modal/#accessibility). \ No newline at end of file diff --git a/docs/src/pages/components/dividers/dividers-aa.md b/docs/src/pages/components/dividers/dividers-aa.md index 8a2418eba0d54e..f24144171f9cdb 100644 --- a/docs/src/pages/components/dividers/dividers-aa.md +++ b/docs/src/pages/components/dividers/dividers-aa.md @@ -3,7 +3,7 @@ title: crwdns90076:0crwdne90076:0 components: crwdns90078:0crwdne90078:0 --- -# crwdns90080:0crwdne90080:0 +# crwdns106133:0crwdne106133:0

crwdns90082:0crwdne90082:0

diff --git a/docs/src/pages/components/dividers/dividers-de.md b/docs/src/pages/components/dividers/dividers-de.md index 7bb92bdc61cccb..0b9ad0b0e50698 100644 --- a/docs/src/pages/components/dividers/dividers-de.md +++ b/docs/src/pages/components/dividers/dividers-de.md @@ -3,7 +3,7 @@ title: Divider React-Komponente components: Divider --- -# Trenner (Divider) +# Divider

Ein Trenner ist eine dünne Linie, die den Inhalt in Listen und Layouts gruppiert.

diff --git a/docs/src/pages/components/dividers/dividers-es.md b/docs/src/pages/components/dividers/dividers-es.md index 7042c286a91c16..f218ea94673220 100644 --- a/docs/src/pages/components/dividers/dividers-es.md +++ b/docs/src/pages/components/dividers/dividers-es.md @@ -3,7 +3,7 @@ title: Componente divisor de React components: Divider --- -# Divisores +# Divider (divisor)

Un divisor es una línea delgada que agrupa el contenido en listas y diseños.

diff --git a/docs/src/pages/components/dividers/dividers-fr.md b/docs/src/pages/components/dividers/dividers-fr.md index e6fe5566442cf1..6486e65d37f289 100644 --- a/docs/src/pages/components/dividers/dividers-fr.md +++ b/docs/src/pages/components/dividers/dividers-fr.md @@ -1,9 +1,9 @@ --- -title: Composant React Diviseurs +title: Composant React Diviseur components: Divider --- -# Dividers (Séparateurs) +# Divider

Un diviseur est une ligne mince qui regroupe le contenu dans des listes et des mises en page.

diff --git a/docs/src/pages/components/dividers/dividers-ja.md b/docs/src/pages/components/dividers/dividers-ja.md index 1ab341831d1855..19372074ad7ae2 100644 --- a/docs/src/pages/components/dividers/dividers-ja.md +++ b/docs/src/pages/components/dividers/dividers-ja.md @@ -3,7 +3,7 @@ title: Divider React component components: Divider --- -# Dividers +# Divider (区切り線)

Divider(区切り線) は、リストおよびレイアウトのコンテンツをグループ化する細い線です。

diff --git a/docs/src/pages/components/dividers/dividers-pt.md b/docs/src/pages/components/dividers/dividers-pt.md index 38f7b8f6f9f72d..3ed7a52a37a0de 100644 --- a/docs/src/pages/components/dividers/dividers-pt.md +++ b/docs/src/pages/components/dividers/dividers-pt.md @@ -3,7 +3,7 @@ title: Componente React para Divisores components: Divider --- -# Divisores +# Divider (divisor)

Um divisor é uma linha fina que agrupa conteúdo em listas e leiautes.

diff --git a/docs/src/pages/components/dividers/dividers-ru.md b/docs/src/pages/components/dividers/dividers-ru.md index 02f278e4fb40b9..de78cf37ad25a4 100644 --- a/docs/src/pages/components/dividers/dividers-ru.md +++ b/docs/src/pages/components/dividers/dividers-ru.md @@ -3,7 +3,7 @@ title: Разделитель, компонент React components: Divider --- -# Разделитель +# Divider (разделитель)

Разделитель - это тонкая линия, которая группирует содержимое (контент) в списки и макеты (слои).

diff --git a/docs/src/pages/components/dividers/dividers-zh.md b/docs/src/pages/components/dividers/dividers-zh.md index 59bf6c1d281495..36337e0c665d15 100644 --- a/docs/src/pages/components/dividers/dividers-zh.md +++ b/docs/src/pages/components/dividers/dividers-zh.md @@ -3,7 +3,7 @@ title: React Divider(分隔线)组件 components: Divider --- -# Dividers(分隔线) +# Divider (分隔线)

分隔线是对列表和布局中的内容进行分组的一条细线。

@@ -11,7 +11,7 @@ components: Divider ## 列表分隔线 -The divider renders as an `
` by default. 您可以使用 `ListItem` 组件上的 `divider` 属性来保存渲染此DOM元素。 +默认情况下,分隔符呈现为 `
`。 您可以使用 `ListItem` 组件上的 `divider` 属性来保存渲染此DOM元素。 {{"demo": "pages/components/dividers/ListDividers.js", "bg": true}} diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-aa.md b/docs/src/pages/components/expansion-panels/expansion-panels-aa.md index 8738cbbe2e2dc2..07f66ddfb45460 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-aa.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-aa.md @@ -3,7 +3,7 @@ title: crwdns90226:0crwdne90226:0 components: crwdns90228:0crwdne90228:0 --- -# crwdns90230:0crwdne90230:0 +# crwdns106135:0crwdne106135:0

crwdns90232:0crwdne90232:0

diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-de.md b/docs/src/pages/components/expansion-panels/expansion-panels-de.md index 5842d57a155444..c7335f6ffe6178 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-de.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-de.md @@ -3,7 +3,7 @@ title: Expansion Panel React-Komponente components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- -# Erweiterungspanel (Expansion Panel) +# Expansion Panel

Erweiterungspanels (Tafeln) enthalten Erstellungsabläufe und ermöglichen die einfache Bearbeitung eines Elements.

diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-es.md b/docs/src/pages/components/expansion-panels/expansion-panels-es.md index 331dbfc960f813..842adb62ce89c3 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-es.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-es.md @@ -3,7 +3,7 @@ title: Componente React Panel de Expansión components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- -# Paneles de Expansión +# Expansion Panel (panel de expansión)

Los paneles de expansión contienen flujos de creación y permiten una edición simple de un elemento.

diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-fr.md b/docs/src/pages/components/expansion-panels/expansion-panels-fr.md index 079fbceeaa02e4..20476fca947bef 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-fr.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-fr.md @@ -3,7 +3,7 @@ title: Composant React Panneau d'expansion components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- -# Expansion Panels (Panneaux d'extension) +# Expansion Panel (Panneau d'extension)

Les panneaux d’extension contiennent des flux de création et permettent une édition légère d’un élément.

@@ -11,13 +11,13 @@ components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, Expans > **Note:** Expansion panels are no longer documented in the [Material Design guidelines](https://material.io/), but Material-UI will continue to support them. -## Simple Expansion Panel +## Panneau d'extension simple {{"demo": "pages/components/expansion-panels/SimpleExpansionPanel.js", "bg": true}} -## Controlled Accordion +## Accordéon contrôlé -Extend the default panel behavior to create an accordion with the `ExpansionPanel` component. +Étendez le comportement du panneau par défaut pour créer un accordéon avec le composant `ExpansionPanel`. {{"demo": "pages/components/expansion-panels/ControlledExpansionPanels.js", "bg": true}} diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-ja.md b/docs/src/pages/components/expansion-panels/expansion-panels-ja.md index 9686bea78ddc25..36b48e4cfd0654 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-ja.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-ja.md @@ -3,7 +3,7 @@ title: Expansion Panel React component components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- -# Expansion Panels +# Expansion Panel (拡張パネル)

Expansion panels(拡張パネル) には作成フローが含まれ、要素を簡単に編集できます。

@@ -43,7 +43,7 @@ The content of ExpansionPanels is mounted by default even if the panel is not ex As with any performance optimization this is not a silver bullet. Be sure to identify bottlenecks first and then try out these optimization strategies. -## Secondary heading and Columns +## Secondary heading and Columns (第2の見出しと列) Multiple columns can be used to structure the content, and a helper text may be added to the panel to assist the user. diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-pt.md b/docs/src/pages/components/expansion-panels/expansion-panels-pt.md index b41b96885ef469..0533109a4027bf 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-pt.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-pt.md @@ -3,7 +3,7 @@ title: Componente React para Painéis de Expansão components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- -# Painéis de Expansão +# Expansion Panel (Painel de Expansão)

Os painéis de expansão contêm fluxos de criação e permitem a edição simplificada de um elemento.

@@ -35,15 +35,15 @@ In order to put an action such as a `Checkbox` or a button inside of the `Expans ## Performance -The content of ExpansionPanels is mounted by default even if the panel is not expanded. This default behavior has server-side rendering and SEO in mind. If you render expensive component trees inside your panels or simply render many panels it might be a good idea to change this default behavior by enabling the `unmountOnExit` in `TransitionProps`: +O conteúdo dos painéis de expansão é montado por padrão, mesmo que o painel não esteja expandido. Esse comportamento padrão tem em mente a renderização do lado do servidor e o SEO. Se você renderizar grandes árvores de componentes dentro de seu painel ou simplesmente renderizar muitos painéis, pode ser uma boa ideia desabilitar esse comportamento padrão habilitando `unmountOnExit` em `TransitionProps`: ```jsx ``` -As with any performance optimization this is not a silver bullet. Be sure to identify bottlenecks first and then try out these optimization strategies. +Como acontece com qualquer otimização de desempenho, isso não é uma bala de prata. Certifique-se de identificar gargalos primeiro e, em seguida, experimente essas estratégias de otimização. -## Secondary heading and Columns +## Cabeçalho Secundário e Colunas Multiple columns can be used to structure the content, and a helper text may be added to the panel to assist the user. @@ -53,4 +53,4 @@ Multiple columns can be used to structure the content, and a helper text may be (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#accordion) -For optimal accessibility we recommend setting `id` and `aria-controls` on the `ExpansionPanelSummary`. The `ExpansionPanel` will derive the necessary `aria-labelledby` and `id` for the content region of the panel. \ No newline at end of file +Para melhor acessibilidade recomendamos a definição de `id` e `aria-controles` no `ExpansionPanelSummary`. O `ExpansionPanel` irá derivar os valores de `aria-labelledby` e `id` para a região de conteúdo do painel. \ No newline at end of file diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-ru.md b/docs/src/pages/components/expansion-panels/expansion-panels-ru.md index f28331e5b0025e..f443d20b44f04b 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-ru.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-ru.md @@ -3,7 +3,7 @@ title: Панель расширения (Компонент React) components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- -# Expansion panels (Раскрывающиеся панели) +# Expansion Panel (панель расширения)

Панель расширения содержит потоки создания и позволяет легко редактировать элементы.

@@ -11,13 +11,13 @@ components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, Expans > **Note:** Expansion panels are no longer documented in the [Material Design guidelines](https://material.io/), but Material-UI will continue to support them. -## Simple Expansion Panel +## Простая Expansion Panel {{"demo": "pages/components/expansion-panels/SimpleExpansionPanel.js", "bg": true}} -## Controlled Accordion +## Контролируемый "Аккордеон" -Extend the default panel behavior to create an accordion with the `ExpansionPanel` component. +Используя компонент `ExpansionPanel`, расширив его поведение по умолчанию, можно получить "аккордеон". {{"demo": "pages/components/expansion-panels/ControlledExpansionPanels.js", "bg": true}} @@ -33,7 +33,7 @@ In order to put an action such as a `Checkbox` or a button inside of the `Expans {{"demo": "pages/components/expansion-panels/ActionsInExpansionPanelSummary.js", "bg": true}} -## Performance +## Производительность The content of ExpansionPanels is mounted by default even if the panel is not expanded. This default behavior has server-side rendering and SEO in mind. If you render expensive component trees inside your panels or simply render many panels it might be a good idea to change this default behavior by enabling the `unmountOnExit` in `TransitionProps`: diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-zh.md b/docs/src/pages/components/expansion-panels/expansion-panels-zh.md index dc8c53699d98b5..8c76f157bc120b 100644 --- a/docs/src/pages/components/expansion-panels/expansion-panels-zh.md +++ b/docs/src/pages/components/expansion-panels/expansion-panels-zh.md @@ -3,7 +3,7 @@ title: React Expansion Panel(扩展面板)组件 components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary --- -# Expansion Panels(扩展面板) +# Expansion Panel (拓展面板)

扩展面板包含了创建流程和轻量地编辑元素。

diff --git a/docs/src/pages/components/icons/icons-ja.md b/docs/src/pages/components/icons/icons-ja.md index f56f189a63367b..f73cfc696e6f0a 100644 --- a/docs/src/pages/components/icons/icons-ja.md +++ b/docs/src/pages/components/icons/icons-ja.md @@ -148,7 +148,7 @@ Icons can convey all sorts of meaningful information, so it’s important that t ### Decorative SVG Icons -If your icons are purely decorative, you’re already done! The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible). +アイコンが純粋に装飾的なものであれば、これで完了です。 The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible). ### Semantic SVG Icons @@ -171,7 +171,7 @@ import SvgIcon from '@material-ui/core/SvgIcon'; ### Decorative Font Icons -If your icons are purely decorative, you’re already done! The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible). +アイコンが純粋に装飾的なものであれば、これで完了です。 The `aria-hidden=true` attribute is added so that your icons are properly accessible (invisible). ### Semantic Font Icons diff --git a/docs/src/pages/components/icons/icons-ru.md b/docs/src/pages/components/icons/icons-ru.md index 39ec7866cd63ba..43354d3c0f4668 100644 --- a/docs/src/pages/components/icons/icons-ru.md +++ b/docs/src/pages/components/icons/icons-ru.md @@ -7,7 +7,7 @@ components: Icon, SvgIcon

Руководство и рекомендации по использованию иконок в Material-UI.

-Material-UI provides icons support in three ways: +Material-UI обеспечивает поддержку иконок тремя способами: 1. Standardized [Material Design icons](#material-icons) exported as React components (SVG icons). 1. With the [SvgIcon](#svgicon) component, a React wrapper for custom SVG icons. diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/src/pages/components/icons/icons-zh.md index f1a1300e33246a..d7056964bb670d 100644 --- a/docs/src/pages/components/icons/icons-zh.md +++ b/docs/src/pages/components/icons/icons-zh.md @@ -13,7 +13,7 @@ Material-UI通过三种方式提供图标支持: 1. With the [SvgIcon](#svgicon) component, a React wrapper for custom SVG icons. 1. With the [Icon](#icon-font-icons) component, a React wrapper for custom font icons. -## Material Icons +## Material Icons (材料图标) Material Design已经标准化了1,000多个官方图标,每个图标都有五个不同的“主题”(见下文)。 For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). diff --git a/docs/src/pages/components/links/links-de.md b/docs/src/pages/components/links/links-de.md index 64dd8c40408ebe..a5884e60846680 100644 --- a/docs/src/pages/components/links/links-de.md +++ b/docs/src/pages/components/links/links-de.md @@ -22,7 +22,7 @@ However, the Link component has different default properties than the Typography When you use `target="_blank"` with Links, it is [recommended](https://developers.google.com/web/tools/lighthouse/audits/noopener) to always set `rel="noopener"` or `rel="noreferrer"` when linking to third party content. - `rel="noopener"` prevents the new page from being able to access the `window.opener` property and ensures it runs in a separate process. Without this, the target page can potentially redirect your page to a malicious URL. -- `rel="noreferrer"` has the same effect, but also prevents the *Referer* header from being sent to the new page. ⚠️ Removing the referrer header will affect analytics. +- `rel="noreferrer"` has the same effect, but also prevents the *Referer* header from being sent to the new page. ⚠️ Das entfernen des Referrer Headers kann Auswirkungen auf Analytics haben. ## Drittanbieter-Routing Bibliothek diff --git a/docs/src/pages/components/links/links-zh.md b/docs/src/pages/components/links/links-zh.md index 8c206260e5f77e..bd8c29d1286692 100644 --- a/docs/src/pages/components/links/links-zh.md +++ b/docs/src/pages/components/links/links-zh.md @@ -12,17 +12,17 @@ components: Link {{"demo": "pages/components/links/Links.js"}} -However, the Link component has different default properties than the Typography component: +然而,链接(Link)组件有着不同于版面设计(Typography )组件的默认属性 - 当链接需要突出显示,使用 `color="primary"` -- `variant="inherit"` as the link will, most of the time, be used as a child of a Typography component. +- 链接在多数的情况下,将被用于作为版面设计(Typograpy)的子组件,这种情况使用`variant="inherit"` ## 安全提示 -When you use `target="_blank"` with Links, it is [recommended](https://developers.google.com/web/tools/lighthouse/audits/noopener) to always set `rel="noopener"` or `rel="noreferrer"` when linking to third party content. +当你在使用Link组件下的 `target="_blank"`时 ,并同时在关联第三方内容的情况下, [推荐](https://developers. google. com/web/tools/lighthouse/audits/noopener) 始终配置 `rel ="noopener"` 或 `的rel ="noreferrer"` 。 -- `rel="noopener"` prevents the new page from being able to access the `window.opener` property and ensures it runs in a separate process. Without this, the target page can potentially redirect your page to a malicious URL. -- `rel="noreferrer"` has the same effect, but also prevents the *Referer* header from being sent to the new page. ⚠️ Removing the referrer header will affect analytics. +- `rel="noopener"` 阻止新页面访问 `window.opener` 属性并确保它分开在不同的进程中运行。 若不如此,目标页面有潜在可能性将你的页面重定向至一个恶意网址 +- `rel ="noreferrer"` 具有相同的效果,但也阻止将 *Referer* 标头发送到新页面。 ⚠️ 去除referrer header会影响分析统计 ## Third-party routing library(第三方路由库) diff --git a/docs/src/pages/components/material-icons/material-icons-zh.md b/docs/src/pages/components/material-icons/material-icons-zh.md index c5d5f22a7ab064..074a84ddf87698 100644 --- a/docs/src/pages/components/material-icons/material-icons-zh.md +++ b/docs/src/pages/components/material-icons/material-icons-zh.md @@ -1,14 +1,14 @@ --- -title: Material Icons +title: Material Icons (材料图标) components: Icon, SvgIcon --- -# Material Icons +# Material Icons (材料图标) -

1,000+ React Material icons ready to use from the official website.

+

可以从官方网站上使用超过1,000个React Material图标。

-The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,000+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. +我们提供[@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons)这样一个单独的 npm 包,其中包括1000多个已转换为 Svg 图标`SvgIcon` [材料图标](https://material.io/tools/icons/?style=baseline)。

{{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} -ℹ️ The search supports synonyms. Try searching for "hamburger", or "logout". \ No newline at end of file +词组支持同义词。 尝试搜索"hamburger"或"logout"。 \ No newline at end of file diff --git a/docs/src/pages/components/menus/menus-ru.md b/docs/src/pages/components/menus/menus-ru.md index 2f30bcbd39006b..0f51b6da7cc071 100644 --- a/docs/src/pages/components/menus/menus-ru.md +++ b/docs/src/pages/components/menus/menus-ru.md @@ -7,7 +7,7 @@ components: Menu, MenuItem, MenuList, ClickAwayListener, Popover, Popper

Меню временно отображают список вариантов.

-A [Menu](https://material.io/design/components/menus.html) displays a list of choices on a temporary surface. Оно появляется когда пользователь взаимодействует с кнопкой или другим элементом управления. +[Меню](https://material.io/design/components/menus.html) отображает список выбранного на временной поверхности. Оно появляется когда пользователь взаимодействует с кнопкой или другим элементом управления. ## Простое меню @@ -15,7 +15,7 @@ A [Menu](https://material.io/design/components/menus.html) displays a list of ch Выбор варианта должен в идеале немедленно зафиксировать его и закрыть меню. -**Disambiguation**: In contrast to simple menus, simple dialogs can present additional detail related to the options available for a list item or provide navigational or orthogonal actions related to the primary task. Although they can display the same content, simple menus are preferred over simple dialogs because simple menus are less disruptive to the user’s current context. +**Неточности:** В отличии от простых меню, простые диалоги могут содержать дополнительную информацию относительно опций, доступных для элемента списка или предоставлять навигационные или ортогональные действия, относящиеся к главной задаче. Хотя они могут отображать один и тот же контент, простые меню более предпочтительны в отличии от простых диалогов, потому что они создают меньше препятствий текущему контексту пользователя. {{"demo": "pages/components/menus/SimpleMenu.js"}} @@ -61,7 +61,7 @@ The `MenuItem` is a wrapper around `ListItem` with some additional styles. You c ## Context menu -Here is an example of a context menu. (Right click to open.) +Вот пример контекстного меню. (Right click to open.) {{"demo": "pages/components/menus/ContextMenu.js"}} diff --git a/docs/src/pages/components/modal/modal-aa.md b/docs/src/pages/components/modal/modal-aa.md index 6999dd403e97ff..d234e7fb1317c5 100644 --- a/docs/src/pages/components/modal/modal-aa.md +++ b/docs/src/pages/components/modal/modal-aa.md @@ -54,9 +54,21 @@ crwdns100782:0crwdne100782:0 crwdns102582:0crwdne102582:0 crwdns100786:0crwdne100786:0 -## crwdns102584:0crwdne102584:0 +## crwdns106105:0crwdne106105:0 -crwdns102586:0crwdne102586:0 +### crwdns106107:0crwdne106107:0 + +crwdns106109:0crwdne106109:0 + +crwdns106111:0crwdne106111:0 crwdns106113:0crwdne106113:0 + +```jsx +crwdns106115:0crwdne106115:0 +``` + +## crwdns106117:0crwdne106117:0 + +crwdns106119:0crwdne106119:0 - crwdns103978:0crwdne103978:0 crwdns103980:0crwdne103980:0 diff --git a/docs/src/pages/components/modal/modal-de.md b/docs/src/pages/components/modal/modal-de.md index 0b3ca352e08aa9..74811ac8b884de 100644 --- a/docs/src/pages/components/modal/modal-de.md +++ b/docs/src/pages/components/modal/modal-de.md @@ -54,6 +54,18 @@ React [doesn't support](https://github.com/facebook/react/issues/13097) the [`cr {{"demo": "pages/components/modal/ServerModal.js"}} +## Einschränkungen + +### Focus trap + +The modal moves the focus back to the body of the component if the focus tries to escape it. + +This is done for accessibility purposes, however, it might create issues. In the event the users need to interact with another part of the page, e.g. with a chatbot window, you can disable the behavior: + +```jsx + +``` + ## Barrierefreiheit (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal) diff --git a/docs/src/pages/components/modal/modal-es.md b/docs/src/pages/components/modal/modal-es.md index ef20ea739fe0a7..655468d40c0475 100644 --- a/docs/src/pages/components/modal/modal-es.md +++ b/docs/src/pages/components/modal/modal-es.md @@ -54,6 +54,18 @@ React [doesn't support](https://github.com/facebook/react/issues/13097) the [`cr {{"demo": "pages/components/modal/ServerModal.js"}} +## Limitaciones + +### Focus trap + +The modal moves the focus back to the body of the component if the focus tries to escape it. + +This is done for accessibility purposes, however, it might create issues. In the event the users need to interact with another part of the page, e.g. with a chatbot window, you can disable the behavior: + +```jsx + +``` + ## Accesibilidad (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal) diff --git a/docs/src/pages/components/modal/modal-fr.md b/docs/src/pages/components/modal/modal-fr.md index e7b786d114c4e1..ad2150d313d478 100644 --- a/docs/src/pages/components/modal/modal-fr.md +++ b/docs/src/pages/components/modal/modal-fr.md @@ -54,6 +54,18 @@ React [doesn't support](https://github.com/facebook/react/issues/13097) the [`cr {{"demo": "pages/components/modal/ServerModal.js"}} +## Limites + +### Focus trap + +The modal moves the focus back to the body of the component if the focus tries to escape it. + +This is done for accessibility purposes, however, it might create issues. In the event the users need to interact with another part of the page, e.g. with a chatbot window, you can disable the behavior: + +```jsx + +``` + ## Accessibilité (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal) diff --git a/docs/src/pages/components/modal/modal-ja.md b/docs/src/pages/components/modal/modal-ja.md index 443fb849df287b..7ee7b831f57e34 100644 --- a/docs/src/pages/components/modal/modal-ja.md +++ b/docs/src/pages/components/modal/modal-ja.md @@ -54,6 +54,18 @@ React は、サーバー上の [`createPortal()`](https://reactjs.org/docs/p {{"demo": "pages/components/modal/ServerModal.js"}} +## 制限事項 + +### Focus trap + +The modal moves the focus back to the body of the component if the focus tries to escape it. + +This is done for accessibility purposes, however, it might create issues. In the event the users need to interact with another part of the page, e.g. with a chatbot window, you can disable the behavior: + +```jsx + +``` + ## アクセシビリティ (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal) diff --git a/docs/src/pages/components/modal/modal-pt.md b/docs/src/pages/components/modal/modal-pt.md index c1d28351caca61..0d0a2976e91900 100644 --- a/docs/src/pages/components/modal/modal-pt.md +++ b/docs/src/pages/components/modal/modal-pt.md @@ -54,6 +54,18 @@ React [não suporta](https://github.com/facebook/react/issues/13097) a API [`cre {{"demo": "pages/components/modal/ServerModal.js"}} +## Limitações + +### Focus trap + +The modal moves the focus back to the body of the component if the focus tries to escape it. + +This is done for accessibility purposes, however, it might create issues. In the event the users need to interact with another part of the page, e.g. with a chatbot window, you can disable the behavior: + +```jsx + +``` + ## Acessibilidade (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal) diff --git a/docs/src/pages/components/modal/modal-ru.md b/docs/src/pages/components/modal/modal-ru.md index f0d10770adb48c..093e2e402ba3f7 100644 --- a/docs/src/pages/components/modal/modal-ru.md +++ b/docs/src/pages/components/modal/modal-ru.md @@ -54,6 +54,18 @@ React [doesn't support](https://github.com/facebook/react/issues/13097) the [`cr {{"demo": "pages/components/modal/ServerModal.js"}} +## Ограничения + +### Focus trap + +The modal moves the focus back to the body of the component if the focus tries to escape it. + +This is done for accessibility purposes, however, it might create issues. In the event the users need to interact with another part of the page, e.g. with a chatbot window, you can disable the behavior: + +```jsx + +``` + ## Доступность (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal) diff --git a/docs/src/pages/components/modal/modal-zh.md b/docs/src/pages/components/modal/modal-zh.md index 38ff290dbd50ed..7906f7b6692973 100644 --- a/docs/src/pages/components/modal/modal-zh.md +++ b/docs/src/pages/components/modal/modal-zh.md @@ -54,6 +54,18 @@ React [doesn't support](https://github.com/facebook/react/issues/13097) the [`cr {{"demo": "pages/components/modal/ServerModal.js"}} +## 局限性 + +### Focus trap + +The modal moves the focus back to the body of the component if the focus tries to escape it. + +This is done for accessibility purposes, however, it might create issues. In the event the users need to interact with another part of the page, e.g. with a chatbot window, you can disable the behavior: + +```jsx + +``` + ## 可访问性 (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal) diff --git a/docs/src/pages/components/popper/popper-ja.md b/docs/src/pages/components/popper/popper-ja.md index f0c1fa048fbb73..323b591492c722 100644 --- a/docs/src/pages/components/popper/popper-ja.md +++ b/docs/src/pages/components/popper/popper-ja.md @@ -21,7 +21,7 @@ components: Popper {{"demo": "pages/components/popper/SimplePopper.js"}} -## Transições +## Transitions The open/close state of the popper can be animated with a render prop child and a transition component. This component should respect the following conditions: diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-aa.md b/docs/src/pages/components/radio-buttons/radio-buttons-aa.md index b420f2dfd6af19..052fe2e2e232b1 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-aa.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-aa.md @@ -3,7 +3,7 @@ title: crwdns91426:0crwdne91426:0 components: crwdns91428:0crwdne91428:0 --- -# crwdns91430:0crwdne91430:0 +# crwdns106137:0crwdne106137:0

crwdns91432:0crwdne91432:0

diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-de.md b/docs/src/pages/components/radio-buttons/radio-buttons-de.md index 25eef642265e64..dedf8eb45011c2 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-de.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-de.md @@ -3,7 +3,7 @@ title: Radio Button React-Komponente components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel --- -# Optionsfelder (Radio Buttons) +# Radio

Optionsfelder ermöglichen die Auswahl einer einzelnen Option aus einem Set.

diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-es.md b/docs/src/pages/components/radio-buttons/radio-buttons-es.md index a39260614b5963..d5ccf070050323 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-es.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-es.md @@ -3,7 +3,7 @@ title: Radio buttons React component components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel --- -# Botones de radio +# Radio

Botones de radio permiten al usuario seleccionar una opción de un conjunto.

diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-fr.md b/docs/src/pages/components/radio-buttons/radio-buttons-fr.md index e1a17565ee9e82..8f97463445d85a 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-fr.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-fr.md @@ -3,7 +3,7 @@ title: Radio buttons React component components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel --- -# Boutons radio +# Radio

Les radios buttons permettent a l'utilisateur de sélectionner un choix parmi un ensemble de choix.

diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-ja.md b/docs/src/pages/components/radio-buttons/radio-buttons-ja.md index 9efad3a06169ea..145488a6ae111f 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-ja.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-ja.md @@ -3,7 +3,7 @@ title: Radio buttons コンポーネント components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel --- -# ラジオボタン +# Radio

ラジオボタンを使用すると、ユーザーはセットから1つのオプションを選択できます。

diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-pt.md b/docs/src/pages/components/radio-buttons/radio-buttons-pt.md index 5af1a4a68b0881..b4a5ddba3318e9 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-pt.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-pt.md @@ -3,7 +3,7 @@ title: Componente React para Botões de Opção components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel --- -# Botões de opção +# Radio

Botões de opção permitem o usuário selecionar uma das opções de um conjunto.

diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-ru.md b/docs/src/pages/components/radio-buttons/radio-buttons-ru.md index 07d4fc3105de70..70d8d257c8886b 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-ru.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-ru.md @@ -3,7 +3,7 @@ title: Radio buttons React component components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel --- -# Radio buttons +# Radio

Radio buttons allow the user to select one option from a set.

diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-zh.md b/docs/src/pages/components/radio-buttons/radio-buttons-zh.md index 0de7576912eb39..b97984b425da01 100644 --- a/docs/src/pages/components/radio-buttons/radio-buttons-zh.md +++ b/docs/src/pages/components/radio-buttons/radio-buttons-zh.md @@ -3,7 +3,7 @@ title: React Radio buttons(单选按钮)组件 components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel --- -# Radio buttons(单选按钮) +# Radio

用户可以通过单选按钮从一组中选择一个选项。

diff --git a/docs/src/pages/components/rating/rating-es.md b/docs/src/pages/components/rating/rating-es.md index e432605a49e18e..067721c00372ac 100644 --- a/docs/src/pages/components/rating/rating-es.md +++ b/docs/src/pages/components/rating/rating-es.md @@ -1,9 +1,9 @@ --- title: Componente de React Rating -components: Calificación +components: Rating --- -# Calificación +# Rating (Calificación)

Las calificaciones proporcionan información sobre las opiniones y experiencias de otros con un producto. Los usuarios también pueden calificar los productos que han comprado.

diff --git a/docs/src/pages/components/selects/selects-aa.md b/docs/src/pages/components/selects/selects-aa.md index 33178de3a86792..dbc6701b36fa84 100644 --- a/docs/src/pages/components/selects/selects-aa.md +++ b/docs/src/pages/components/selects/selects-aa.md @@ -3,7 +3,7 @@ title: crwdns91536:0crwdne91536:0 components: crwdns91538:0crwdne91538:0 --- -# crwdns91540:0crwdne91540:0 +# crwdns106139:0crwdne106139:0

crwdns91542:0crwdne91542:0

diff --git a/docs/src/pages/components/selects/selects-de.md b/docs/src/pages/components/selects/selects-de.md index 20040f6c525afb..136a852b26f8fa 100644 --- a/docs/src/pages/components/selects/selects-de.md +++ b/docs/src/pages/components/selects/selects-de.md @@ -3,7 +3,7 @@ title: Auswahl React-Komponente components: Select, NativeSelect --- -# Auswähler (Selects) +# Select

Auswahllkomponenten werden zum Sammeln von vom Benutzer bereitgestellten Informationen aus einer Liste von Optionen verwendet.

@@ -45,7 +45,7 @@ Like with the single selection, you can pull out the new value by accessing `eve ## With a Dialog -While it's discouraged by the Material Design specification, you can use a select inside a dialog. +Während es von der Material Design-Spezifikation nicht empfohlen wird, können Sie eine Auswahl innerhalb eines Dialogfelds verwenden. {{"demo": "pages/components/selects/DialogSelect.js"}} diff --git a/docs/src/pages/components/selects/selects-es.md b/docs/src/pages/components/selects/selects-es.md index 001c5f1f5bef92..aae67c5ce5903a 100644 --- a/docs/src/pages/components/selects/selects-es.md +++ b/docs/src/pages/components/selects/selects-es.md @@ -3,7 +3,7 @@ title: Select React component components: Select, NativeSelect --- -# Selecciones +# Select

Los componentes seleccionados se utilizan para recopilar información relegado por el usuario de una lista de opciones.

diff --git a/docs/src/pages/components/selects/selects-fr.md b/docs/src/pages/components/selects/selects-fr.md index 9c7d72c3a2e2a7..c7d05296133ffc 100644 --- a/docs/src/pages/components/selects/selects-fr.md +++ b/docs/src/pages/components/selects/selects-fr.md @@ -3,7 +3,7 @@ title: Select React component components: Select, NativeSelect --- -# Selects +# Select

Select components are used for collecting user provided information from a list of options.

diff --git a/docs/src/pages/components/selects/selects-ja.md b/docs/src/pages/components/selects/selects-ja.md index f15c02d3d5cbad..b6a202597a9c73 100644 --- a/docs/src/pages/components/selects/selects-ja.md +++ b/docs/src/pages/components/selects/selects-ja.md @@ -3,7 +3,7 @@ title: Select React component components: Select, NativeSelect --- -# Selects +# Select (選択)

選択コンポーネントは、オプションのリストからユーザー提供の情報を収集するために使用されます。

@@ -19,7 +19,7 @@ components: Select, NativeSelect {{"demo": "pages/components/selects/NativeSelects.js"}} -## Text Fields +## テキストフィールド `TextField` ラッパーコンポーネントは、ラベル、入力、およびヘルプテキストを含む完全なフォームコントロールです。 You can find an example with the select mode [in this section](/components/text-fields/#select). diff --git a/docs/src/pages/components/selects/selects-pt.md b/docs/src/pages/components/selects/selects-pt.md index 2d5351b09f86bb..2743e3b89163f3 100644 --- a/docs/src/pages/components/selects/selects-pt.md +++ b/docs/src/pages/components/selects/selects-pt.md @@ -3,7 +3,7 @@ title: Componente React para Seleção components: Select, NativeSelect --- -# Seleção +# Select

Os componentes de seleção são usados para coletar informações fornecidas pelo usuário em uma lista de opções.

diff --git a/docs/src/pages/components/selects/selects-ru.md b/docs/src/pages/components/selects/selects-ru.md index 2b4aaa1cc9d268..9ff6c55c160f70 100644 --- a/docs/src/pages/components/selects/selects-ru.md +++ b/docs/src/pages/components/selects/selects-ru.md @@ -3,7 +3,7 @@ title: Select React component components: Select, NativeSelect --- -# Selects +# Select

Компонент Select используются для сбора информации, предоставленной пользователем, из списка параметров.

diff --git a/docs/src/pages/components/selects/selects-zh.md b/docs/src/pages/components/selects/selects-zh.md index 77439a60d9bc60..5c22af86dc23ea 100644 --- a/docs/src/pages/components/selects/selects-zh.md +++ b/docs/src/pages/components/selects/selects-zh.md @@ -3,7 +3,7 @@ title: React Select(选择器)组件 components: Select, NativeSelect --- -# Selects(选择器) +# Select(选择器)

选择器组件能从一个选项列表中去获得用户所提供的信息。

@@ -19,7 +19,7 @@ components: Select, NativeSelect {{"demo": "pages/components/selects/NativeSelects.js"}} -## Text Fields(文本框) +## Text Fields(文本输入框) `TextField` wrapper 组件是一个完整的表单控件,包括标签,输入和帮助文本。 You can find an example with the select mode [in this section](/components/text-fields/#select). diff --git a/docs/src/pages/components/snackbars/snackbars-aa.md b/docs/src/pages/components/snackbars/snackbars-aa.md index decc20ca767bff..261c81f527d22a 100644 --- a/docs/src/pages/components/snackbars/snackbars-aa.md +++ b/docs/src/pages/components/snackbars/snackbars-aa.md @@ -3,7 +3,7 @@ title: crwdns91700:0crwdne91700:0 components: crwdns91702:0crwdne91702:0 --- -# crwdns91704:0crwdne91704:0 +# crwdns106141:0crwdne106141:0

crwdns100806:0crwdne100806:0 crwdns100808:0crwdne100808:0

diff --git a/docs/src/pages/components/snackbars/snackbars-de.md b/docs/src/pages/components/snackbars/snackbars-de.md index 2606923e5732ba..2be14a4a7ee212 100644 --- a/docs/src/pages/components/snackbars/snackbars-de.md +++ b/docs/src/pages/components/snackbars/snackbars-de.md @@ -3,7 +3,7 @@ title: Snackbar React-Komponente components: Snackbar, SnackbarContent --- -# Snackbars +# Snackbar

Snackbars provide brief messages about app processes. The component is also known as a toast.

diff --git a/docs/src/pages/components/snackbars/snackbars-es.md b/docs/src/pages/components/snackbars/snackbars-es.md index 32bd75b87e1088..081ab06c3acd95 100644 --- a/docs/src/pages/components/snackbars/snackbars-es.md +++ b/docs/src/pages/components/snackbars/snackbars-es.md @@ -3,7 +3,7 @@ title: Snackbar React component components: Snackbar, SnackbarContent --- -# Barra de notificaciones +# Snackbar

Snackbars provide brief messages about app processes. The component is also known as a toast.

diff --git a/docs/src/pages/components/snackbars/snackbars-fr.md b/docs/src/pages/components/snackbars/snackbars-fr.md index ba702434bf9d10..d370c35995a1a9 100644 --- a/docs/src/pages/components/snackbars/snackbars-fr.md +++ b/docs/src/pages/components/snackbars/snackbars-fr.md @@ -3,7 +3,7 @@ title: Snackbar React component components: Snackbar, SnackbarContent --- -# Snackbars +# Snackbar (Message rapide)

Snackbars provide brief messages about app processes. The component is also known as a toast.

diff --git a/docs/src/pages/components/snackbars/snackbars-ja.md b/docs/src/pages/components/snackbars/snackbars-ja.md index 4bfca2215ef823..c23b7f842b93bc 100644 --- a/docs/src/pages/components/snackbars/snackbars-ja.md +++ b/docs/src/pages/components/snackbars/snackbars-ja.md @@ -3,7 +3,7 @@ title: Snackbar React component components: Snackbar, SnackbarContent --- -# スナックバー +# Snackbar (スナックバー)

Snackbars provide brief messages about app processes. The component is also known as a toast.

diff --git a/docs/src/pages/components/snackbars/snackbars-ru.md b/docs/src/pages/components/snackbars/snackbars-ru.md index 8868b6cdfaeae2..e5c5b93fd9021d 100644 --- a/docs/src/pages/components/snackbars/snackbars-ru.md +++ b/docs/src/pages/components/snackbars/snackbars-ru.md @@ -3,7 +3,7 @@ title: Snackbar React component components: Snackbar, SnackbarContent --- -# Snackbars +# Snackbar

Snackbars provide brief messages about app processes. The component is also known as a toast.

diff --git a/docs/src/pages/components/steppers/steppers-aa.md b/docs/src/pages/components/steppers/steppers-aa.md index 779a6f1307d779..8f043cf9917ebd 100644 --- a/docs/src/pages/components/steppers/steppers-aa.md +++ b/docs/src/pages/components/steppers/steppers-aa.md @@ -3,7 +3,7 @@ title: crwdns91828:0crwdne91828:0 components: crwdns91830:0crwdne91830:0 --- -# crwdns91832:0crwdne91832:0 +# crwdns106143:0crwdne106143:0

crwdns91834:0crwdne91834:0 crwdns91836:0crwdne91836:0

diff --git a/docs/src/pages/components/steppers/steppers-es.md b/docs/src/pages/components/steppers/steppers-es.md index 75404ce67c2007..4e7027dc356bb6 100644 --- a/docs/src/pages/components/steppers/steppers-es.md +++ b/docs/src/pages/components/steppers/steppers-es.md @@ -3,7 +3,7 @@ title: Stepper React component components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper --- -# Pasos a pasos +# Stepper (Pasos a pasos)

Steppers convey progress through numbered steps. It provides a wizard-like workflow.

diff --git a/docs/src/pages/components/steppers/steppers-fr.md b/docs/src/pages/components/steppers/steppers-fr.md index d677ac5d1581a2..05c8fc5ec064e6 100644 --- a/docs/src/pages/components/steppers/steppers-fr.md +++ b/docs/src/pages/components/steppers/steppers-fr.md @@ -1,9 +1,9 @@ --- -title: Stepper React component +title: Stepper (Étapes) components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper --- -# Steppers (Étapes) +# Stepper

Steppers convey progress through numbered steps. It provides a wizard-like workflow.

diff --git a/docs/src/pages/components/steppers/steppers-ja.md b/docs/src/pages/components/steppers/steppers-ja.md index eaf07c6221e523..ecc2aa772404d4 100644 --- a/docs/src/pages/components/steppers/steppers-ja.md +++ b/docs/src/pages/components/steppers/steppers-ja.md @@ -3,7 +3,7 @@ title: Stepper React component components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper --- -# ステッパー(Steppers) +# Stepper(ステッパー)

ステッパーは、番号の付いたステップを通して進捗を伝えます。 ウィザードのようなワークフローを提供します。

diff --git a/docs/src/pages/components/steppers/steppers-pt.md b/docs/src/pages/components/steppers/steppers-pt.md index ff915b0e7a0532..65e8120b9a83b3 100644 --- a/docs/src/pages/components/steppers/steppers-pt.md +++ b/docs/src/pages/components/steppers/steppers-pt.md @@ -3,7 +3,7 @@ title: Componente React Stepper components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper --- -# Assistente +# Stepper (Assistente)

Assistentes transmitem progresso através de etapas numeradas. Ele fornece um fluxo de trabalho com etapas.

diff --git a/docs/src/pages/components/steppers/steppers-ru.md b/docs/src/pages/components/steppers/steppers-ru.md index f5c4560b4172bc..728435273f5108 100644 --- a/docs/src/pages/components/steppers/steppers-ru.md +++ b/docs/src/pages/components/steppers/steppers-ru.md @@ -3,7 +3,7 @@ title: Stepper React component components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper --- -# Steppers +# Stepper

Steppers convey progress through numbered steps. It provides a wizard-like workflow.

diff --git a/docs/src/pages/components/steppers/steppers-zh.md b/docs/src/pages/components/steppers/steppers-zh.md index 557411617e0e75..4b4ce7babe1b75 100644 --- a/docs/src/pages/components/steppers/steppers-zh.md +++ b/docs/src/pages/components/steppers/steppers-zh.md @@ -3,7 +3,7 @@ title: React Stepper(步骤条)组件 components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper --- -# Steppers(步骤条) +# Stepper(步进器)

Steppers convey progress through numbered steps. It provides a wizard-like workflow.

diff --git a/docs/src/pages/components/switches/switches-aa.md b/docs/src/pages/components/switches/switches-aa.md index f0cd3e1cf922b4..294187404405cc 100644 --- a/docs/src/pages/components/switches/switches-aa.md +++ b/docs/src/pages/components/switches/switches-aa.md @@ -3,7 +3,7 @@ title: crwdns91936:0crwdne91936:0 components: crwdns91938:0crwdne91938:0 --- -# crwdns91940:0crwdne91940:0 +# crwdns106145:0crwdne106145:0

crwdns91942:0crwdne91942:0

diff --git a/docs/src/pages/components/switches/switches-de.md b/docs/src/pages/components/switches/switches-de.md index b29bf24961b981..9664d7b47a29d4 100644 --- a/docs/src/pages/components/switches/switches-de.md +++ b/docs/src/pages/components/switches/switches-de.md @@ -3,7 +3,7 @@ title: Switch React Komponente components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Schalter (Switch) +# Switch

Schalter ändern den Status einer einzelnen Einstellung ein oder aus.

@@ -43,7 +43,7 @@ Sie können die Platzierung des Etiketts ändern: ## When to use -- [Kontrollkästchen vs. Schalter (Switch)](https://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8) +- [Kontrollkästchen vs. Schalter](https://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8) ## Barrierefreiheit diff --git a/docs/src/pages/components/switches/switches-es.md b/docs/src/pages/components/switches/switches-es.md index 6a90905de03741..0bdb5a58d5f665 100644 --- a/docs/src/pages/components/switches/switches-es.md +++ b/docs/src/pages/components/switches/switches-es.md @@ -3,7 +3,7 @@ title: Switch React component components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Interruptores +# Switch

Switches toggle the state of a single setting on or off.

diff --git a/docs/src/pages/components/switches/switches-fr.md b/docs/src/pages/components/switches/switches-fr.md index 4d5f248026e26f..c4450ad3593017 100644 --- a/docs/src/pages/components/switches/switches-fr.md +++ b/docs/src/pages/components/switches/switches-fr.md @@ -3,7 +3,7 @@ title: Switch React component components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Switches (interrupteurs) +# Switch (interrupteur)

Switches toggle the state of a single setting on or off.

diff --git a/docs/src/pages/components/switches/switches-ja.md b/docs/src/pages/components/switches/switches-ja.md index 089f067f639212..947c84d0a5fd16 100644 --- a/docs/src/pages/components/switches/switches-ja.md +++ b/docs/src/pages/components/switches/switches-ja.md @@ -3,7 +3,7 @@ title: Reactコンポーネントの切り替え components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel --- -# スイッチ +# Switch

スイッチは、単一の設定の状態をオンまたはオフに切り替えます。

diff --git a/docs/src/pages/components/switches/switches-pt.md b/docs/src/pages/components/switches/switches-pt.md index 928d7ffc15e04d..c68be23cd91b10 100644 --- a/docs/src/pages/components/switches/switches-pt.md +++ b/docs/src/pages/components/switches/switches-pt.md @@ -3,7 +3,7 @@ title: Componente React para Interruptores components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Interruptores +# Switch (seletor)

Interruptores alternam o estado de uma única configuração ligado ou desligado.

diff --git a/docs/src/pages/components/switches/switches-ru.md b/docs/src/pages/components/switches/switches-ru.md index 109dcc800592eb..03fdbb3c008e7c 100644 --- a/docs/src/pages/components/switches/switches-ru.md +++ b/docs/src/pages/components/switches/switches-ru.md @@ -3,7 +3,7 @@ title: Switch React component components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel --- -# Switch (переключатели) +# Switch (переключатель)

Переключатели изменяют состояние одного отдельного параметра между "включено" и "выключено".

diff --git a/docs/src/pages/components/switches/switches-zh.md b/docs/src/pages/components/switches/switches-zh.md index f632c6eaad4f12..e29f7a6ec66685 100644 --- a/docs/src/pages/components/switches/switches-zh.md +++ b/docs/src/pages/components/switches/switches-zh.md @@ -3,7 +3,7 @@ title: Switch React component components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel --- -# 开关控件 +# Switch (开关)

开关控制是改变单个设置状态打开或关闭的控件。

@@ -43,7 +43,7 @@ components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel ## 什么时候使用 -- [复选框 对比 开关控件](https://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8) +- [复选框 对比 Switches(开关控件)](https://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8) ## 可访问性 diff --git a/docs/src/pages/components/tables/tables-aa.md b/docs/src/pages/components/tables/tables-aa.md index 762f712fbb3fa7..c78b38ef857535 100644 --- a/docs/src/pages/components/tables/tables-aa.md +++ b/docs/src/pages/components/tables/tables-aa.md @@ -1,15 +1,15 @@ --- title: crwdns91998:0crwdne91998:0 -components: crwdns92000:0crwdne92000:0 +components: crwdns106859:0crwdne106859:0 --- -# crwdns92002:0crwdne92002:0 +# crwdns106147:0crwdne106147:0 -

crwdns92004:0crwdne92004:0 crwdns92006:0crwdne92006:0

+

crwdns106149:0crwdne106149:0 crwdns92006:0crwdne92006:0

-crwdns92008:0crwdne92008:0 crwdns92010:0crwdne92010:0 +crwdns106151:0crwdne106151:0 crwdns92010:0crwdne92010:0 -crwdns92012:0crwdne92012:0 +crwdns106153:0crwdne106153:0 - crwdns92014:0crwdne92014:0 - crwdns92016:0crwdne92016:0 diff --git a/docs/src/pages/components/tables/tables-de.md b/docs/src/pages/components/tables/tables-de.md index 24df5a75a3b39e..d0a75e32859ec1 100644 --- a/docs/src/pages/components/tables/tables-de.md +++ b/docs/src/pages/components/tables/tables-de.md @@ -1,15 +1,15 @@ --- title: Table React-Komponente -components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel +components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- -# Tabellen (Tables) +# Table (tabelle) -

Data tables display sets of data. They can be fully customized.

+

Tables display sets of data. They can be fully customized.

-[Daten-Tabellen](https://material.io/design/components/data-tables.html) zeigen Informationen an, sodass sie einfach zu lesen sind und Nutzern das Anzeigen von Mustern und Ansichten ermöglicht. Sie können wie Karten in den Primär-Inhalt eingebettet werden. +[Tables](https://material.io/design/components/data-tables.html) display information in a way that’s easy to scan, so that users can look for patterns and insights. Sie können wie Karten in den Primär-Inhalt eingebettet werden. -Daten-Tabellen können enthalten: +Tables can include: - Eine entsprechende Visualisierung - Navigation @@ -69,7 +69,7 @@ It's possible to customise the options shown in the "Rows per page" select using ### Custom pagination actions -The `Action` property of the `TablePagination` component allows the implementation of custom actions. +Die Eigenschaft `Action` der Komponente `TablePagination` ermöglicht die Implementierung von benutzerdefinierten Aktionen. {{"demo": "pages/components/tables/CustomPaginationActionsTable.js", "bg": true}} diff --git a/docs/src/pages/components/tables/tables-es.md b/docs/src/pages/components/tables/tables-es.md index 576815488964d9..753d20ad7da967 100644 --- a/docs/src/pages/components/tables/tables-es.md +++ b/docs/src/pages/components/tables/tables-es.md @@ -1,15 +1,15 @@ --- title: Componente de React Table -components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel +components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- -# Tablas +# Table (tabla) -

Data tables display sets of data. They can be fully customized.

+

Tables display sets of data. They can be fully customized.

-[Las tablas de datos](https://material.io/design/components/data-tables.html) muestran información de una manera que es fácil de ojear, de modo que los usuarios pueden buscar patrones e información. Se pueden integrar en contenido principal, tal como tarjetas. +[Tables](https://material.io/design/components/data-tables.html) display information in a way that’s easy to scan, so that users can look for patterns and insights. Se pueden integrar en contenido principal, tal como tarjetas. -Las tablas de datos pueden incluir: +Tables can include: - Un elemento visual correspondiente - Navegación diff --git a/docs/src/pages/components/tables/tables-fr.md b/docs/src/pages/components/tables/tables-fr.md index b9264d03f5c783..8a1e688144e46b 100644 --- a/docs/src/pages/components/tables/tables-fr.md +++ b/docs/src/pages/components/tables/tables-fr.md @@ -1,15 +1,15 @@ --- title: Composant React Table -components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel +components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- # Table (Tableaux) -

Data tables display sets of data. They can be fully customized.

+

Tables display sets of data. They can be fully customized.

-[Les tableaux de données](https://material.io/design/components/data-tables.html) affichent les informations de manière facile à analyser, afin que les utilisateurs puissent rechercher des modèles et des informations. Ils peuvent être intégrés au contenu principal, tel que les cartes. +[Tables](https://material.io/design/components/data-tables.html) display information in a way that’s easy to scan, so that users can look for patterns and insights. Ils peuvent être intégrés au contenu principal, tel que les cartes. -Les tableaux de données peuvent inclure: +Tables can include: - Une visualisation correspondante - Menu principal diff --git a/docs/src/pages/components/tables/tables-ja.md b/docs/src/pages/components/tables/tables-ja.md index 124e637d7f724c..901d8f914b8a87 100644 --- a/docs/src/pages/components/tables/tables-ja.md +++ b/docs/src/pages/components/tables/tables-ja.md @@ -1,15 +1,15 @@ --- title: Tableコンポーネント -components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel +components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- -# Tables +# Table (テーブル) -

データテーブルには、データのセットが表示されます。 それらは完全にカスタマイズできます。

+

Tables display sets of data. それらは完全にカスタマイズできます。

-[Data tables](https://material.io/design/components/data-tables.html) は情報を見やすく表示する方法です。 Cardなどの他のプライマリーコンテンツを埋め込むことができます。 +[Tables](https://material.io/design/components/data-tables.html) display information in a way that’s easy to scan, so that users can look for patterns and insights. Cardなどの他のプライマリーコンテンツを埋め込むことができます。 -Data tables では次のものを含めることができます: +Tables can include: - 対応の可視化 - ナビゲーション diff --git a/docs/src/pages/components/tables/tables-pt.md b/docs/src/pages/components/tables/tables-pt.md index 489e17af23402e..48a99f958c472d 100644 --- a/docs/src/pages/components/tables/tables-pt.md +++ b/docs/src/pages/components/tables/tables-pt.md @@ -1,15 +1,15 @@ --- title: Componente React Tabelas -components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel +components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- -# Tabelas +# Table (tabela) -

Tabelas exibem conjuntos de dados. Eles podem ser totalmente customizadas.

+

Tables display sets of data. Eles podem ser totalmente customizadas.

-[Tabelas de dados](https://material.io/design/components/data-tables.html) apresentam informações de uma forma fácil de verificar, de modo que os usuários podem procurar por padrões e percepções. Elas podem ser incorporadas no conteúdo principal, assim como Cartões. +[Tables](https://material.io/design/components/data-tables.html) display information in a way that’s easy to scan, so that users can look for patterns and insights. Elas podem ser incorporadas no conteúdo principal, assim como Cartões. -Tabelas de dados podem incluir: +Tables can include: - Uma visualização correspondente - Navegação diff --git a/docs/src/pages/components/tables/tables-ru.md b/docs/src/pages/components/tables/tables-ru.md index 9a3a7101ee24da..fb62e86de90cf1 100644 --- a/docs/src/pages/components/tables/tables-ru.md +++ b/docs/src/pages/components/tables/tables-ru.md @@ -1,15 +1,15 @@ --- title: React-компонент Таблица -components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel +components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- -# Таблицы +# Table (tаблица) -

Data tables display sets of data. They can be fully customized.

+

Tables display sets of data. Они могут быть полностью модифицированы.

-[Таблицы](https://material.io/design/components/data-tables.html) отображают информацию так, чтобы ее было легко воспринимать визуально. Так чтобы пользователи видели шаблоны отображения данных. Они могут быть встроены в основной контент, например в карточки. +[Tables](https://material.io/design/components/data-tables.html) display information in a way that’s easy to scan, so that users can look for patterns and insights. Они могут быть встроены в основной контент, например в карточки. -Таблицы могут включать в себя: +Tables can include: - Соответствующую визуализацию - Навигацию @@ -45,15 +45,15 @@ components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination {{"demo": "pages/components/tables/EnhancedTable.js", "bg": true}} -## Customized tables +## Настраиваемые таблицы Ниже находится пример кастомизации компонента. You can learn more about this in the [overrides documentation page](/customization/components/). {{"demo": "pages/components/tables/CustomizedTables.js", "bg": true}} -### Custom pagination options +### Пользовательские параметры разбивки на страницы -It's possible to customise the options shown in the "Rows per page" select using the `rowsPerPageOptions` prop. You should either provide an array of: +Возможна настройка параметров, отображаемых в "Строках на странице", используя `rowsPerPageOptions` prop. You should either provide an array of: - **numbers**, each number will be used for the option's label and value. @@ -67,15 +67,15 @@ It's possible to customise the options shown in the "Rows per page" select using ``` -### Custom pagination actions +### Пользовательские действия разбивки на страницы The `Action` property of the `TablePagination` component allows the implementation of custom actions. {{"demo": "pages/components/tables/CustomPaginationActionsTable.js", "bg": true}} -## Fixed header +## Фиксированный заголовок -An example of a table with scrollable rows and fixed column headers. It leverages the `stickyHeader` prop (⚠️ no IE 11 support). +Пример таблицы с прокручиваемыми строками и фиксированными заголовками столбцов. It leverages the `stickyHeader` prop (⚠️ no IE 11 support). {{"demo": "pages/components/tables/StickyHeadTable.js", "bg": true}} @@ -85,9 +85,9 @@ A simple example with spanning rows & columns. {{"demo": "pages/components/tables/SpanningTable.js", "bg": true}} -## Virtualized Table +## Виртуализированная таблица -In the following example, we demonstrate how to use [react-virtualized](https://github.com/bvaughn/react-virtualized) with the `Table` component. Он отображает 200 строк и c легкостью может еще больше. Virtualization helps with performance issues. +В следующем примере мы демонстрируем, как использовать [react-virtualized](https://github.com/bvaughn/react-virtualized) с компонентом `Table`. Он отображает 200 строк и c легкостью может еще больше. Virtualization helps with performance issues. {{"demo": "pages/components/tables/ReactVirtualizedTable.js", "bg": true}} @@ -99,7 +99,7 @@ In the following example, we demonstrate how to use [react-virtualized](https:// ![stars](https://img.shields.io/github/stars/mbrn/material-table.svg?style=social&label=Stars) ![npm downloads](https://img.shields.io/npm/dm/material-table.svg) -[material-table](https://github.com/mbrn/material-table) is a simple and powerful Datatable for React based on Material-UI Table with some additional features. They support many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more). You should check it out. +[material-table](https://github.com/mbrn/material-table) представляет собой простой и мощный объект DataTable для React на основе Material-UI Table с некоторыми дополнительными функциями. They support many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more). You should check it out. {{"demo": "pages/components/tables/MaterialTableDemo.js", "bg": true}} diff --git a/docs/src/pages/components/tables/tables-zh.md b/docs/src/pages/components/tables/tables-zh.md index 2f631f1af637ba..d24e04c4596add 100644 --- a/docs/src/pages/components/tables/tables-zh.md +++ b/docs/src/pages/components/tables/tables-zh.md @@ -1,15 +1,15 @@ --- title: React Table(表格)组件 -components: Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel +components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel --- # Table(表格) -

Data tables display sets of data. They can be fully customized.

+

Tables display sets of data. They can be fully customized.

-[数据表格](https://material.io/design/components/data-tables.html)以一种一目了然地方式显示信息,这便于用户寻找一些规律和深入的见解。 表格可以被内嵌在主要内容中,如 cards(卡片)。 +[Tables](https://material.io/design/components/data-tables.html) display information in a way that’s easy to scan, so that users can look for patterns and insights. 表格可以被内嵌在主要内容中,如 cards(卡片)。 -数据表格可以包括这些: +Tables can include: - 相应的可视化 - 导航 diff --git a/docs/src/pages/components/tabs/tabs-pt.md b/docs/src/pages/components/tabs/tabs-pt.md index 2f38e8784fb203..2ca74449d8a0ed 100644 --- a/docs/src/pages/components/tabs/tabs-pt.md +++ b/docs/src/pages/components/tabs/tabs-pt.md @@ -15,7 +15,7 @@ Um exemplo simples sem frescuras. {{"demo": "pages/components/tabs/SimpleTabs.js", "bg": true}} -### Etiquetas embrulhadas +### Rótulos com quebras Os rótulos longos serão quebrados automaticamente nas guias. Se o rótulo for muito longo para a guia, ele irá exceder e o texto não ficará visível. diff --git a/docs/src/pages/components/text-fields/text-fields-aa.md b/docs/src/pages/components/text-fields/text-fields-aa.md index c45da99215edf7..740ba4e5cf4623 100644 --- a/docs/src/pages/components/text-fields/text-fields-aa.md +++ b/docs/src/pages/components/text-fields/text-fields-aa.md @@ -3,7 +3,7 @@ title: crwdns92218:0crwdne92218:0 components: crwdns92220:0crwdne92220:0 --- -# crwdns92222:0crwdne92222:0 +# crwdns106155:0crwdne106155:0

crwdns92224:0crwdne92224:0

@@ -21,7 +21,7 @@ crwdns106091:0crwdne106091:0 ## crwdns104742:0crwdne104742:0 -crwdns105717:0crwdne105717:0 crwdns105719:0crwdne105719:0 +crwdns106861:0crwdne106861:0 crwdns105719:0crwdne105719:0 crwdns105721:0crwdne105721:0 @@ -55,63 +55,69 @@ crwdns105739:0crwdne105739:0 crwdns105741:0crwdne105741:0 crwdns105743:0crwdne10 crwdns105745:0crwdne105745:0 -## crwdns104784:0crwdne104784:0 +## crwdns106157:0crwdne106157:0 -crwdns105747:0crwdne105747:0 crwdns105749:0crwdne105749:0 crwdns105751:0crwdne105751:0 +crwdns106159:0crwdne106159:0 crwdns106161:0crwdne106161:0 -crwdns105753:0crwdne105753:0 +crwdns106163:0crwdne106163:0 -crwdns105755:0crwdne105755:0 +## crwdns106165:0crwdne106165:0 -## crwdns104796:0crwdne104796:0 +crwdns106167:0crwdne106167:0 crwdns106169:0crwdne106169:0 crwdns106171:0crwdne106171:0 -crwdns105757:0crwdne105757:0 +crwdns106173:0crwdne106173:0 -crwdns105759:0crwdne105759:0 +crwdns106175:0crwdne106175:0 -## crwdns104802:0crwdne104802:0 +## crwdns106177:0crwdne106177:0 -crwdns105761:0crwdne105761:0 +crwdns106179:0crwdne106179:0 -crwdns105763:0crwdne105763:0 crwdns105765:0crwdne105765:0 crwdns105767:0crwdne105767:0 crwdns105769:0crwdne105769:0 +crwdns106181:0crwdne106181:0 -crwdns105771:0crwdne105771:0 +## crwdns106183:0crwdne106183:0 -## crwdns104816:0crwdne104816:0 +crwdns106185:0crwdne106185:0 -crwdns105773:0crwdne105773:0 +crwdns106187:0crwdne106187:0 crwdns106189:0crwdne106189:0 crwdns106191:0crwdne106191:0 crwdns106193:0crwdne106193:0 -## crwdns105022:0crwdne105022:0 +crwdns106195:0crwdne106195:0 -crwdns105775:0crwdne105775:0 +## crwdns106197:0crwdne106197:0 -crwdns105777:0crwdne105777:0 +crwdns106199:0crwdne106199:0 -## crwdns105028:0crwdne105028:0 +## crwdns106201:0crwdne106201:0 -crwdns105779:0crwdne105779:0 crwdns105781:0crwdne105781:0 +crwdns106203:0crwdne106203:0 -crwdns105783:0crwdne105783:0 +crwdns106205:0crwdne106205:0 -crwdns105785:0crwdne105785:0 crwdns105787:0crwdne105787:0 +## crwdns106207:0crwdne106207:0 -crwdns105789:0crwdne105789:0 +crwdns106209:0crwdne106209:0 crwdns106211:0crwdne106211:0 -## crwdns105042:0crwdne105042:0 +crwdns106213:0crwdne106213:0 + +crwdns106215:0crwdne106215:0 crwdns106217:0crwdne106217:0 + +crwdns106219:0crwdne106219:0 + +## crwdns106221:0crwdne106221:0 ### crwdns104836:0crwdne104836:0 -crwdns105791:0crwdne105791:0 crwdns105793:0crwdne105793:0 crwdns105795:0crwdne105795:0 crwdns105797:0crwdne105797:0 +crwdns106223:0crwdne106223:0 crwdns106225:0crwdne106225:0 crwdns106227:0crwdne106227:0 crwdns106229:0crwdne106229:0 -![crwdns105801:0crwdne105801:0](crwdns105799:0crwdne105799:0) +![crwdns106233:0crwdne106233:0](crwdns106231:0crwdne106231:0) -crwdns105803:0crwdne105803:0 +crwdns106235:0crwdne106235:0 ```jsx crwdns92332:0{{ shrink: true }}crwdne92332:0 ``` -crwdns105805:0crwdne105805:0 +crwdns106237:0crwdne106237:0 ```jsx crwdns92336:0crwdne92336:0 @@ -119,17 +125,17 @@ crwdns92336:0crwdne92336:0 ### crwdns104854:0crwdne104854:0 -crwdns105807:0crwdne105807:0 crwdns105809:0crwdne105809:0 +crwdns106239:0crwdne106239:0 crwdns106241:0crwdne106241:0 -## crwdns105064:0crwdne105064:0 +## crwdns106243:0crwdne106243:0 -crwdns105811:0crwdne105811:0 crwdns105813:0crwdne105813:0 +crwdns106245:0crwdne106245:0 crwdns106247:0crwdne106247:0 -crwdns105815:0crwdne105815:0 crwdns105817:0crwdne105817:0 +crwdns106249:0crwdne106249:0 crwdns106251:0crwdne106251:0 -crwdns105819:0crwdne105819:0 +crwdns106253:0crwdne106253:0 -crwdns105821:0crwdne105821:0 crwdns105823:0crwdne105823:0 +crwdns106255:0crwdne106255:0 crwdns106257:0crwdne106257:0 ```ts crwdns92360:0crwdne92360:0 @@ -139,9 +145,9 @@ crwdns92360:0crwdne92360:0 crwdns92362:0{ component: Component, inputRef, ...other }crwdnd92362:0{...other}crwdnd92362:0{ component: SomeThirdPartyComponent }crwdne92362:0 ``` -## crwdns105080:0crwdne105080:0 +## crwdns106259:0crwdne106259:0 -crwdns105825:0crwdne105825:0 crwdns105827:0crwdne105827:0 +crwdns106261:0crwdne106261:0 crwdns106263:0crwdne106263:0 ```jsx crwdns92370:0crwdne92370:0 @@ -154,9 +160,9 @@ crwdns92370:0crwdne92370:0 crwdns92376:0crwdne92376:0 ``` -## crwdns105086:0crwdne105086:0 +## crwdns106265:0crwdne106265:0 -crwdns105829:0crwdne105829:0 +crwdns106267:0crwdne106267:0 - crwdns102638:0crwdne102638:0 - crwdns102640:0crwdne102640:0 diff --git a/docs/src/pages/components/text-fields/text-fields-de.md b/docs/src/pages/components/text-fields/text-fields-de.md index d512a856ae31fe..fc3ec0bd3bed43 100644 --- a/docs/src/pages/components/text-fields/text-fields-de.md +++ b/docs/src/pages/components/text-fields/text-fields-de.md @@ -3,7 +3,7 @@ title: Text Field React-Komponente components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField --- -# Text Felder (Text Fields) +# Text Field

Text Felder lassen Nutzer Text eingeben und bearbeiten.

@@ -21,7 +21,7 @@ It supports standard, outlined and filled styling. ## Form props -Standard form attributes are supported e.g. `required`, `readOnly`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. +Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}} @@ -55,6 +55,12 @@ The main way is with an `InputAdornment`. These can be used to add a prefix, a s {{"demo": "pages/components/text-fields/InputAdornments.js"}} +## Größen + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/text-fields/TextFieldSizes.js"}} + ## Layout `margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification. diff --git a/docs/src/pages/components/text-fields/text-fields-es.md b/docs/src/pages/components/text-fields/text-fields-es.md index 5d42d17fb47af1..ef3503a481dcb4 100644 --- a/docs/src/pages/components/text-fields/text-fields-es.md +++ b/docs/src/pages/components/text-fields/text-fields-es.md @@ -3,7 +3,7 @@ title: Componente de React Text Field components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField --- -# Campos de texto +# Text Field (campo de texto)

Los campos de texto permiten a los usuarios ingresar y editar texto.

@@ -21,7 +21,7 @@ It supports standard, outlined and filled styling. ## Form props -Standard form attributes are supported e.g. `required`, `readOnly`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. +Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}} @@ -55,6 +55,12 @@ The main way is with an `InputAdornment`. These can be used to add a prefix, a s {{"demo": "pages/components/text-fields/InputAdornments.js"}} +## Tamaños + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/text-fields/TextFieldSizes.js"}} + ## Disposición `margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification. diff --git a/docs/src/pages/components/text-fields/text-fields-fr.md b/docs/src/pages/components/text-fields/text-fields-fr.md index ae9f9663b24193..d861644249a832 100644 --- a/docs/src/pages/components/text-fields/text-fields-fr.md +++ b/docs/src/pages/components/text-fields/text-fields-fr.md @@ -3,7 +3,7 @@ title: Composant React de champ de texte components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField --- -# Text Fields (Champs de texte) +# Text Field

Les champs de texte permettent aux utilisateurs d'entrer et de modifier du texte.

@@ -21,7 +21,7 @@ It supports standard, outlined and filled styling. ## Form props -Standard form attributes are supported e.g. `required`, `readOnly`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. +Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}} @@ -51,10 +51,16 @@ There are multiple ways to display an icon with a text field. ### Input Adornments -The main way is with an `InputAdornment`. These can be used to add a prefix, a suffix or an action to an input. For instance, you can use an icon button to hide or reveal the password. +The main way is with an `InputAdornment`. Ceux-ci peuvent être utilisés pour ajouter un préfixe, un suffixe ou une action à une entrée. Par exemple, vous pouvez utiliser un bouton icône pour masquer ou révéler le mot de passe. {{"demo": "pages/components/text-fields/InputAdornments.js"}} +## Tailles + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/text-fields/TextFieldSizes.js"}} + ## Disposition `margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification. diff --git a/docs/src/pages/components/text-fields/text-fields-ja.md b/docs/src/pages/components/text-fields/text-fields-ja.md index f1df622c453dd7..3243edea01fbbf 100644 --- a/docs/src/pages/components/text-fields/text-fields-ja.md +++ b/docs/src/pages/components/text-fields/text-fields-ja.md @@ -3,7 +3,7 @@ title: Text Field コンポーネント components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField --- -# Text Fields +# Text Field (テキストフィールド)

Text fieldを使用すると、ユーザーはテキストを入力および編集できます。

@@ -21,7 +21,7 @@ It supports standard, outlined and filled styling. ## Form props -Standard form attributes are supported e.g. `required`, `readOnly`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. +Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}} @@ -51,10 +51,16 @@ There are multiple ways to display an icon with a text field. ### Input Adornments -The main way is with an `InputAdornment`. These can be used to add a prefix, a suffix or an action to an input. For instance, you can use an icon button to hide or reveal the password. +The main way is with an `InputAdornment`. これらは、入力に接頭辞、接尾辞、またはアクションを追加するために使用できます。 たとえば、アイコンボタンを使用してパスワードを表示または非表示にすることができます。 {{"demo": "pages/components/text-fields/InputAdornments.js"}} +## サイズ + +Fancy smaller inputs? `size`propを使用します。 + +{{"demo": "pages/components/text-fields/TextFieldSizes.js"}} + ## レイアウト `margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification. diff --git a/docs/src/pages/components/text-fields/text-fields-pt.md b/docs/src/pages/components/text-fields/text-fields-pt.md index ce364da0aae494..11da802baa2d29 100644 --- a/docs/src/pages/components/text-fields/text-fields-pt.md +++ b/docs/src/pages/components/text-fields/text-fields-pt.md @@ -3,7 +3,7 @@ title: Componente React de Campo de Texto components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField --- -# Campos de Texto +# Text Field (campo de texto)

Campos de texto permitem que os usuários digitem e editem texto.

@@ -21,7 +21,7 @@ It supports standard, outlined and filled styling. ## Form props -Standard form attributes are supported e.g. `required`, `readOnly`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. +Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}} @@ -55,6 +55,12 @@ The main way is with an `InputAdornment`. These can be used to add a prefix, a s {{"demo": "pages/components/text-fields/InputAdornments.js"}} +## Tamanhos + +Fancy smaller inputs? Use a propriedade `size`. + +{{"demo": "pages/components/text-fields/TextFieldSizes.js"}} + ## Leiaute `margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification. diff --git a/docs/src/pages/components/text-fields/text-fields-ru.md b/docs/src/pages/components/text-fields/text-fields-ru.md index ffe3b48a69aa5d..39dfdda0e0bae2 100644 --- a/docs/src/pages/components/text-fields/text-fields-ru.md +++ b/docs/src/pages/components/text-fields/text-fields-ru.md @@ -3,7 +3,7 @@ title: Текстовое Поле, компонент React components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField --- -# Текстовые поля +# Text Field (Текстовое поле)

Текстовые поля позволяют пользователям вводить и редактировать текст.

@@ -21,7 +21,7 @@ It supports standard, outlined and filled styling. ## Form props -Standard form attributes are supported e.g. `required`, `readOnly`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. +Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}} @@ -55,6 +55,12 @@ The main way is with an `InputAdornment`. These can be used to add a prefix, a s {{"demo": "pages/components/text-fields/InputAdornments.js"}} +## Размеры + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/text-fields/TextFieldSizes.js"}} + ## Расположение `margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification. diff --git a/docs/src/pages/components/text-fields/text-fields-zh.md b/docs/src/pages/components/text-fields/text-fields-zh.md index 491f9194ea2e8c..21a898885ba471 100644 --- a/docs/src/pages/components/text-fields/text-fields-zh.md +++ b/docs/src/pages/components/text-fields/text-fields-zh.md @@ -3,7 +3,7 @@ title: React Text Field(文本框)组件 components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField --- -# Text Fields(文本框) +# TextField(文本框)

用户可以在文本框内输入或编辑文字。

@@ -21,7 +21,7 @@ It supports standard, outlined and filled styling. ## Form props -Standard form attributes are supported e.g. `required`, `readOnly`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. +Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used. {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}} @@ -55,6 +55,12 @@ The main way is with an `InputAdornment`. These can be used to add a prefix, a s {{"demo": "pages/components/text-fields/InputAdornments.js"}} +## 尺寸 + +Fancy smaller inputs? Use the `size` prop. + +{{"demo": "pages/components/text-fields/TextFieldSizes.js"}} + ## 布局 `margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification. diff --git a/docs/src/pages/components/tooltips/tooltips-aa.md b/docs/src/pages/components/tooltips/tooltips-aa.md index 3fae958459e7bd..abba0ec1e04c05 100644 --- a/docs/src/pages/components/tooltips/tooltips-aa.md +++ b/docs/src/pages/components/tooltips/tooltips-aa.md @@ -3,7 +3,7 @@ title: crwdns92432:0crwdne92432:0 components: crwdns92434:0crwdne92434:0 --- -# crwdns92436:0crwdne92436:0 +# crwdns106269:0crwdne106269:0

crwdns92438:0crwdne92438:0

diff --git a/docs/src/pages/components/tooltips/tooltips-es.md b/docs/src/pages/components/tooltips/tooltips-es.md index 06604d11b9b68b..829798dd38efd7 100644 --- a/docs/src/pages/components/tooltips/tooltips-es.md +++ b/docs/src/pages/components/tooltips/tooltips-es.md @@ -3,7 +3,7 @@ title: Tooltip React component components: Tooltip --- -# Sugerencias +# Tooltip

Tooltips display informative text when users hover over, focus on, or tap an element.

diff --git a/docs/src/pages/components/tooltips/tooltips-fr.md b/docs/src/pages/components/tooltips/tooltips-fr.md index 89e44919851d70..c82c2c29fd3c4c 100644 --- a/docs/src/pages/components/tooltips/tooltips-fr.md +++ b/docs/src/pages/components/tooltips/tooltips-fr.md @@ -3,7 +3,7 @@ title: Composant React Info-bulle components: Tooltip --- -# Tooltips (Info-bulle) +# Tooltip (Info-bulle)

Les info-bulles affichent un texte informatif lorsque les utilisateurs survolent, se concentrent ou tapent sur un élément.

diff --git a/docs/src/pages/components/tooltips/tooltips-ja.md b/docs/src/pages/components/tooltips/tooltips-ja.md index bea1d0dcca99e6..aaaa633498a1db 100644 --- a/docs/src/pages/components/tooltips/tooltips-ja.md +++ b/docs/src/pages/components/tooltips/tooltips-ja.md @@ -3,7 +3,7 @@ title: Tooltip React component components: Tooltip --- -# Tooltip +# Tooltip (ツールチップ)

ユーザーが要素上にマウスを移動したり、要素をフォーカスしたり、タップしたりすると、ツールチップにわかりやすいテキストが表示されます。

@@ -94,7 +94,7 @@ By default disabled elements like `