Skip to content

Commit

Permalink
[docs] Update translations (mui#16684)
Browse files Browse the repository at this point in the history
* [docs] Update translations

* codecov doesnt care about merge commits
  • Loading branch information
mbrookes authored and oliviertassinari committed Jul 22, 2019
1 parent a829f05 commit d0e6458
Show file tree
Hide file tree
Showing 261 changed files with 3,091 additions and 1,268 deletions.
2 changes: 1 addition & 1 deletion docs/src/pages/components/autocomplete/autocomplete-de.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Material-UI bietet keine High-Level-API zur Lösung dieses Problems. Wir unterst

Im folgenden Beispiel demonstrieren wir, wie man einen [downshift](https://github.com/downshift-js/downshift) benutzt.

Die letzte Demo ermöglicht es, die Eingabe zu löschen und eine Reihe von Optionen für den Fokus anzuzeigen.
The last demo allows the user to clear the input and show a number of options on focus.

{{"demo": "pages/components/autocomplete/IntegrationDownshift.js"}}

Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/autocomplete/autocomplete-es.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Material-UI no provee ninguna API de alto nivel para resolver este problema. Ale

En el siguiente ejemplo se muestra como usar [downshift](https://github.com/downshift-js/downshift).

La última demo permite borrar el input y mostrar un numero de opciones al tener el foco.
The last demo allows the user to clear the input and show a number of options on focus.

{{"demo": "pages/components/autocomplete/IntegrationDownshift.js"}}

Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/autocomplete/autocomplete-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Material-UI ne fournit aucune API de haut niveau pour résoudre ce problème. No

Dans l'exemple suivant, nous montrons comment utiliser [downshift](https://github.com/downshift-js/downshift).

The last demo allow to clear the input and show a number of options on focus.
The last demo allows the user to clear the input and show a number of options on focus.

{{"demo": "pages/components/autocomplete/IntegrationDownshift.js"}}

Expand Down
12 changes: 6 additions & 6 deletions docs/src/pages/components/autocomplete/autocomplete-ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,19 +5,19 @@ components: TextField, Paper, MenuItem, Popper

# Autocomplete

<p class="description">The autocomplete is a normal text input enhanced by a panel of suggested options.</p>
<p class="description">オートコンプリートは、推奨オプションのパネルによって強化された通常のテキスト入力です。</p>

Material-UI doesn't provide any high-level API for solving this problem. We encourage people relying on the solutions the React community has built.
Material-UIはこの問題を解決するための高度なAPIを提供していません。 Reactコミュニティが構築したソリューションを奨励します。

## downshift

![Stars](https://img.shields.io/github/stars/paypal/downshift.svg?style=social&label=Stars) ![npmダウンロード](https://img.shields.io/npm/dm/downshift.svg)

In the following example, we demonstrate how to use [downshift](https://github.com/downshift-js/downshift).

The last demo allow to clear the input and show a number of options on focus.
最後のデモでは、ユーザーが入力をクリアしてフォーカスのある多くのオプションを表示することができます。

{{"demo": "pages/components/autocomplete/IntegrationDownshift.js"}}
{{"demo":"pages/components/autocomplete/IntegrationDownshift.js"}}

## react-select

Expand All @@ -31,6 +31,6 @@ In the following example, we demonstrate how to use [react-select](https://githu

![Stars](https://img.shields.io/github/stars/moroshko/react-autosuggest.svg?style=social&label=Stars) ![npmダウンロード](https://img.shields.io/npm/dm/react-autosuggest.svg)

In the following example, we demonstrate how to use [react-autosuggest](https://github.com/moroshko/react-autosuggest). It's also using [autosuggest-highlight](https://www.npmjs.com/package/autosuggest-highlight) for the highlighting logic.
次の例では、 リスト コンポーネントで [react-window](https://github.com/moroshko/react-autosuggest) を使用する方法を示します。 強調表示ロジックに [autosuggest-highlight](https://www.npmjs.com/package/autosuggest-highlight) も使用されています 。

{{"demo": "pages/components/autocomplete/IntegrationAutosuggest.js"}}
{{"demo":"pages/components/autocomplete/IntegrationAutosuggest.js"}}
2 changes: 1 addition & 1 deletion docs/src/pages/components/autocomplete/autocomplete-pt.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ O Material-UI não fornece nenhuma API de alto nível para resolver esse problem

No exemplo a seguir, demonstramos como usar [downshift](https://github.com/downshift-js/downshift).

A última demonstração permite que em um campo vazio com o foco, seja exibido várias opções.
A última demonstração permite ao usuário limpar a entrada e mostrar várias opções em foco.

{{"demo": "pages/components/autocomplete/IntegrationDownshift.js"}}

Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/autocomplete/autocomplete-ru.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Material-UI не предоставляет высокоуровневый API

В следующем примере мы демонстрируем как использовать библиотеку [downshift](https://github.com/downshift-js/downshift).

The last demo allow to clear the input and show a number of options on focus.
The last demo allows the user to clear the input and show a number of options on focus.

{{"demo": "pages/components/autocomplete/IntegrationDownshift.js"}}

Expand Down
2 changes: 1 addition & 1 deletion docs/src/pages/components/autocomplete/autocomplete-zh.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Material-UI不提供任何高级 API 来解决此问题。我们鼓励大家参

在下面的示例中,我们演示了如何使用 [downshift](https://github.com/downshift-js/downshift)

最后一个演示可以清除输入并在焦点的位置上显示一系列的选项。
The last demo allows the user to clear the input and show a number of options on focus.

{{"demo": "pages/components/autocomplete/IntegrationDownshift.js"}}

Expand Down
14 changes: 7 additions & 7 deletions docs/src/pages/components/avatars/avatars-ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,22 +5,22 @@ components: Avatar

# Avatars

<p class="description">Avatars are found throughout material design with uses in everything from tables to dialog menus.</p>
<p class="description">Avatars(アバター) は、テーブルからダイアログメニューまで、あらゆる用途に使用されています。</p>

## Image avatars

Image avatars can be created by passing standard `img` props `src` or `srcSet` into the component.
画像アバターは、標準の `img` プロップス `src` または `srcSet` をコンポーネントに渡すことで作成できます。

{{"demo": "pages/components/avatars/ImageAvatars.js"}}
{{"demo":"pages/components/avatars/ImageAvatars.js"}}

## Letter avatars

Avatars containing simple characters can be created by passing your string as `children`.
単純な文字を含むアバターは、文字列を `子要素`として渡すことによって作成できます。

{{"demo": "pages/components/avatars/LetterAvatars.js"}}
{{"demo":"pages/components/avatars/LetterAvatars.js"}}

## Icon avatars

Icon avatars are created by passing an icon as `children`.
アイコンアバターは、 `子要素`としてアイコンを渡すことによって作成されます。

{{"demo": "pages/components/avatars/IconAvatars.js"}}
{{"demo":"pages/components/avatars/IconAvatars.js"}}
36 changes: 18 additions & 18 deletions docs/src/pages/components/badges/badges-ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,38 +3,38 @@ title: Badge React component
components: Badge
---

# Badge
# バッジ

<p class="description">Badge generates a small badge to the top-right of its child(ren).</p>
<p class="description">バッジは、その子供の右上に小さなバッジを生成します。</p>

## Simple Badges
## 簡単なバッジ

Examples of badges containing text, using primary and secondary colors. The badge is applied to its children.
Primaryとsecondaryを使用した、テキストを含むバッジの例。バッジは子供に付けられます。

{{"demo": "pages/components/badges/SimpleBadge.js"}}
{{"demo": "pages/components/tables/SimpleTable.js"}}

## Maximum Value
## 最大値

You can use the `max` property to cap the value of the badge content.
バッジコンテンツの値に上限を設定するには、 `max` プロパティを使用します。

{{"demo": "pages/components/badges/BadgeMax.js"}}
{{"demo": "pages/components/tables/SimpleTable.js"}}

## Dot Badge
## ドットバッジ

The `dot` property changes a badge into a small dot. This can be used as a notification that something has changed without giving a count.
`dot` プロパティはバッジを小さなドットに変更します。これは、数を数えずに何かが変わったという通知として使用できます。

{{"demo": "pages/components/badges/DotBadge.js"}}
{{"demo": "pages/components/tables/SimpleTable.js"}}

## Badge visibility
## バッジの表示設定

The visibility of badges can be controlled using the `invisible` property.
バッジの表示/非表示は、 `invisible` プロパティを使用して制御できます。

The badge auto hides with badgeContent is zero. You can override this with the `showZero` property.
BadgeContentで自動的に非表示になるバッジは0です。これは `showZero` プロパティで上書きできます。

{{"demo": "pages/components/badges/BadgeVisibility.js"}}
{{"demo": "pages/demos/badges/BadgeVisibility.js"}}

## Customized badges
## カスタマイズバッジ

Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/components/).
コンポーネントのカスタマイズ例をいくつか示します。あなたは[上書きドキュメントのページ](/customization/components/)でこれについてもっと詳しく知ることができます。

{{"demo": "pages/components/badges/CustomizedBadges.js"}}
{{"demo": "pages/components/tables/CustomizedTables.js"}}
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,20 @@ title: Bottom Navigation React component
components: BottomNavigation, BottomNavigationAction
---

# Bottom Navigation
# ボトムナビゲーション

<p class="description">Bottom navigation bars allow movement between primary destinations in an app.</p>
<p class="description">ボトムナビゲーションを使用すると、アプリ内の主要な目的地間を移動できます。</p>

[Bottom navigation](https://material.io/design/components/bottom-navigation.html) bars display three to five destinations at the bottom of a screen. Each destination is represented by an icon and an optional text label. When a bottom navigation icon is tapped, the user is taken to the top-level navigation destination associated with that icon.
[ボトムナビゲーション](https://material.io/design/components/bottom-navigation.html) バーは、画面下部に3〜5つの目的地を表示します。 各目的地は、アイコンとオプションのテキストラベルで表されます。 ボトムナビゲーションアイコンをタップすると、そのアイコンに関連付けられている最上位のナビゲーション先に移動します。

## Bottom Navigation
## ボトムナビゲーション

When there are only **three** actions, display both icons and text labels at all times.
**3** アクションしかない場合は、アイコンとテキストラベルの両方を常に表示します。

{{"demo": "pages/components/bottom-navigation/SimpleBottomNavigation.js"}}
{{"demo":"pages/components/bottom-navigation/SimpleBottomNavigation.js"}}

## Bottom Navigation with no label
## ラベルなしのボトムナビゲーション

If there are **four** or **five** actions, display inactive views as icons only.
**4** または **5** アクションがある場合は、非アクティブビューをアイコンとしてのみ表示します。

{{"demo": "pages/components/bottom-navigation/LabelBottomNavigation.js"}}
{{"demo":"pages/components/bottom-navigation/LabelBottomNavigation.js"}}
2 changes: 1 addition & 1 deletion docs/src/pages/components/box/box-ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ title: Box React component

The Box component packages [all the style functions](/system/basics/#all-inclusive) that are exposed in `@material-ui/system`. It's created using the [`styled()`](/styles/api/#styled-style-function-component) function of `@material-ui/styles`.

## Example
##

[The palette](/system/palette/) style function.

Expand Down
20 changes: 10 additions & 10 deletions docs/src/pages/components/box/box-zh.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ title: Box React组件

## 覆盖Material-UI组件

Box组件包装您的组件。 它创建了一个新的DOM元素,默认情况下为 `<div>` ,可以使用 `组件` 属性进行更改。 假设您想使用 `<span>` 代替:
Box组件做为你的组件容器。 它创建了一个新的DOM元素,默认情况下为 `<div>` ,可以使用 `组件` 属性进行更改。 假设您想使用 `<span>` 代替:

```jsx
<Box component="span" m={1}>
Expand All @@ -24,21 +24,21 @@ Box组件包装您的组件。 它创建了一个新的DOM元素,默认情况

当更改可以隔离到新的DOM元素时,这很有用。 例如,您可以通过这种方式更改边距。

但是,有时您必须定位底层DOM元素。 例如,您想要更改按钮的文本颜色。 Button组件定义自己的颜色。 CSS继承没有帮助。 要解决此问题,您有两种选择:
但是,有时您必须定位底层DOM元素。 例如,您想要更改按钮的文本颜色。 Button组件定义自己的颜色。 CSS继承没有用。 要解决此问题,您有两种选择:

1. 使用 [`React.cloneElement()`](https://reactjs.org/docs/react-api.html#cloneelement)

Box组件具有 `clone` 属性,以允许使用React的clone元素方法
Box 组件有一个 `clone` 属性来启用 React 克隆元素

```jsx
<Box color="text.primary" clone>
<Button />
</Box>
```

1. 使用渲染道具
1. 使用 render props

Box可以将函数作为子组件。 你可以拉出 `className`
Box可以将函数作为子组件。 你可以不使用默认 `className`

```jsx
<Box color="text.primary">
Expand All @@ -54,10 +54,10 @@ Box可以将函数作为子组件。 你可以拉出 `className`。
import Box from '@material-ui/core/Box';
```

| 名称 | 类型 | 默认 | 描述 |
|:------------------------------------------------------- |:----------------------------------------------------------------------------------------------------------------- |:--------------------------------------- |:---------------------------------------------------------- |
| <span class="prop-name required">children&nbsp;*</span> | <span class="prop-type">union:&nbsp;node&nbsp;&#124;<br />&nbsp;func<br /></span> | | 框渲染功能或节点。 |
| <span class="prop-name">clone</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | 如果设置为 `true`盒子将会重新循环其子DOM元素。 它在内部使用 `React.cloneElement`|
| <span class="prop-name">组件</span> | <span class="prop-type">union:&nbsp;string&nbsp;&#124;<br />&nbsp;func&nbsp;&#124;<br />&nbsp;object<br /></span> | <span class="prop-default">'div'</span> | 用于根节点的组件。 要么是使用DOM元素的字符串,要么是组件。 |
| 名称 | 类型 | 默认 | 描述 |
|:------------------------------------------------------- |:----------------------------------------------------------------------------------------------------------------- |:--------------------------------------- |:-------------------------------------------------------- |
| <span class="prop-name required">children&nbsp;*</span> | <span class="prop-type">union:&nbsp;node&nbsp;&#124;<br />&nbsp;func<br /></span> | | 节点或返回节点的函数 |
| <span class="prop-name">clone</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | 如果设置为 `true`盒子将会回收其子DOM元素。 它在内部使用 `React.cloneElement`|
| <span class="prop-name">component</span> | <span class="prop-type">union:&nbsp;string&nbsp;&#124;<br />&nbsp;func&nbsp;&#124;<br />&nbsp;object<br /></span> | <span class="prop-default">'div'</span> | 用于根节点的组件。 要么是使用DOM元素的字符串,要么是组件。 |

所提供的任何其它性质将被使用 [的样式功能](/system/basics/#all-inclusive) 或扩散到根元素。
26 changes: 13 additions & 13 deletions docs/src/pages/components/breadcrumbs/breadcrumbs-ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,37 +5,37 @@ components: Breadcrumbs, Link, Typography

# Breadcrumbs

<p class="description">Breadcrumbs allow users to make selections from a range of values.</p>
<p class="description">ブレッドクラムを使用すると、値の範囲から選択できます。</p>

## Simple breadcrumbs

{{"demo": "pages/components/breadcrumbs/SimpleBreadcrumbs.js"}}
{{"demo":"pages/components/breadcrumbs/SimpleBreadcrumbs.js"}}

## Custom separator

In the following examples, we are using two string separators, and an SVG icon.
次の例では、2つの文字列セパレータとSVGアイコンを使用しています。

{{"demo": "pages/components/breadcrumbs/CustomSeparator.js"}}
{{"demo":"pages/components/breadcrumbs/CustomSeparator.js"}}

## Breadcrumbs with icons
## アイコン付きBreadcrumbs

{{"demo": "pages/components/breadcrumbs/IconBreadcrumbs.js"}}
{{"demo":"pages/components/breadcrumbs/IconBreadcrumbs.js"}}

## Collapsed breadcrumbs
## 折りたたみBreadcrumbs

{{"demo": "pages/components/breadcrumbs/CollapsedBreadcrumbs.js"}}
{{"demo":"pages/components/breadcrumbs/CollapsedBreadcrumbs.js"}}

## Customized breadcrumbs
## カスタマイズBreadcrumbs

Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/components/).
コンポーネントのカスタマイズ例を次に示します。 詳細については、 [オーバーライドのドキュメントページ](/customization/components/)を参照してください。

{{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}}
{{"demo":"pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}}

## アクセシビリティ

Be sure to add a `aria-label` description on the `Breadcrumbs` component.
`Breadcrumbs`コンポーネントには、必ず`aria-label`を追加してください。

The accessibility of this component relies on:
このコンポーネントのアクセシビリティは、

- The set of links is structured using an ordered list (`<ol>` element).
- To prevent screen reader announcement of the visual separators between links, they are hidden with `aria-hidden`.
Expand Down
Loading

0 comments on commit d0e6458

Please sign in to comment.