Skip to content

Commit

Permalink
[docs] Fix theme explorer query-string typo
Browse files Browse the repository at this point in the history
  • Loading branch information
mbrookes committed Dec 24, 2019
1 parent ba936de commit 5cab340
Show file tree
Hide file tree
Showing 103 changed files with 476 additions and 475 deletions.
8 changes: 4 additions & 4 deletions docs/src/pages/components/breakpoints/breakpoints-de.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Jeder Haltepunkt (ein Schlüssel) stimmt mit einer *festen* Bildschirmbreite (ei
- ** lg, ** groß: 1280px
- ** xl ** extra groß: 1920px

Diese [ Haltepunktwerte](/customization/default-theme/?expend-path=$.breakpoints.values) werden zur Bestimmung von Haltepunktbereichen verwendet. Ein Bereich beginnt mit dem Haltepunktwert einschließlich bis zum nächsten Haltepunktwert:
Diese [ Haltepunktwerte](/customization/default-theme/?expand-path=$.breakpoints.values) werden zur Bestimmung von Haltepunktbereichen verwendet. Ein Bereich beginnt mit dem Haltepunktwert einschließlich bis zum nächsten Haltepunktwert:

```js
Wert |0px 600px 960px 1280px 1920px
Expand All @@ -21,7 +21,7 @@ Breite |--------|--------|--------|--------|-------->
Bereich | xs | sm | md | lg | xl
```

Diese Werte können immer angepasst werden. Sie finden sie im Theme unter dem [`breakpoints.values`](/customization/default-theme/?expend-path=$.breakpoints.values) Schlüssel.
Diese Werte können immer angepasst werden. Sie finden sie im Theme unter dem [`breakpoints.values`](/customization/default-theme/?expand-path=$.breakpoints.values) Schlüssel.

Die Haltepunkte werden intern in verschiedenen Komponenten verwendet, um sie ansprechbar zu machen, Sie können sie jedoch auch benutzten, um das Layout Ihrer Anwendung über das [Grid](/layout/grid/) zu steuern und für [Hidden](/layout/hidden/) Komponenten.

Expand Down Expand Up @@ -201,7 +201,7 @@ Einige Implementierungsdetails, die interessant sein könnten:

#### Argumente

1. `Optionen` (*Object* [optional]):
1. `Optionen` (*Object* [optional]):
- `options.withTheme ` (*Boolean* [optional]): Standardeinstellung ist `false`. Übergeben Sie das `Theme` Objekt als Eigenschaft an die Komponente.
- `options.noSSR ` (*Boolean* [optional]): Standardeinstellung ist `false`. Um den serverseitigen Renderingabgleich durchzuführen, muss er zweimal gerendert werden. Ein erstes Mal mit nichts und ein zweites Mal mit den Kind-Elementen. Dieser Zyklus mit zwei Durchgängen ist mit einem Nachteil verbunden. Die Benutzeroberfläche blinkt möglicherweise. Sie können dieses Flag auf ` true` setzen, wenn Sie kein serverseitiges Rendering durchführen.
- ` options.initialWidth ` (*Breakpoint* [optional]): Da ` window.innerWidth ` auf dem Server nicht verfügbar ist, wird eine leere Komponente während der ersten Mounts standardmäßig gerendert. Vielleicht mögen Sie eine Heuristik verwenden, um annähernd die Bildschirmbreite des Client-Browsers zu bestimmen. Sie könnten beispielsweise den Benutzeragenten oder die Client-Hinweise verwenden. Mit https://caniuse.com/#search=client%20hint, können wir die anfängliche Breite global festlegen, indem Sie die [`benutzerdefinierten Eigenschaften`](/customization/themes/#default-props) zum Theme verwenden. Um die Anfangsbreite festzulegen, müssen wir eine benutzerdefinierte Eigenschaft mit dieser Form übergeben:
Expand All @@ -212,7 +212,7 @@ const theme = createMuiTheme({
// withWidth component ⚛️
MuiWithWidth: {
// Initial width property
initialWidth: 'lg', // Breakpoint being globally set
initialWidth: 'lg', // Breakpoint being globally set
},
},
});
Expand Down
8 changes: 4 additions & 4 deletions docs/src/pages/components/breakpoints/breakpoints-es.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Each breakpoint (a key) matches with a *fixed* screen width (a value):
- **lg,** large: 1280px
- **xl,** extra-large: 1920px

These [breakpoint values](/customization/default-theme/?expend-path=$.breakpoints.values) are used to determine breakpoint ranges. A range starts from the breakpoint value inclusive, to the next breakpoint value exclusive:
These [breakpoint values](/customization/default-theme/?expand-path=$.breakpoints.values) are used to determine breakpoint ranges. A range starts from the breakpoint value inclusive, to the next breakpoint value exclusive:

```js
value |0px 600px 960px 1280px 1920px
Expand All @@ -21,7 +21,7 @@ screen width |--------|--------|--------|--------|-------->
range | xs | sm | md | lg | xl
```

These values can always be customized. You will find them in the theme, in the [`breakpoints.values`](/customization/default-theme/?expend-path=$.breakpoints.values) object.
These values can always be customized. You will find them in the theme, in the [`breakpoints.values`](/customization/default-theme/?expand-path=$.breakpoints.values) object.

The breakpoints are used internally in various components to make them responsive, but you can also take advantage of them for controlling the layout of your application through the [Grid](/layout/grid/) and [Hidden](/layout/hidden/) components.

Expand Down Expand Up @@ -201,7 +201,7 @@ Some implementation details that might be interesting to being aware of:

#### Argumentos

1. `options` (*Object* [optional]):
1. `options` (*Object* [optional]):
- `options.withTheme` (*Boolean* [optional]): Defaults to `false`. Provide the `theme` object to the component as a property.
- `options.noSSR` (*Boolean* [optional]): Defaults to `false`. In order to perform the server-side rendering reconciliation, it needs to render twice. A first time with nothing and a second time with the children. This double pass rendering cycle comes with a drawback. The UI might blink. You can set this flag to `true` if you are not doing server-side rendering.
- `options.initialWidth` (*Breakpoint* [optional]): As `window.innerWidth` is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use an heuristic to approximate the screen width of the client browser screen width. For instance, you could be using the user-agent or the client-hints. https://caniuse.com/#search=client%20hint, we also can set the initial width globally using [`custom properties`](/customization/themes/#default-props) on the theme. In order to set the initialWidth we need to pass a custom property with this shape:
Expand All @@ -212,7 +212,7 @@ const theme = createMuiTheme({
// withWidth component ⚛️
MuiWithWidth: {
// Initial width property
initialWidth: 'lg', // Breakpoint being globally set
initialWidth: 'lg', // Breakpoint being globally set
},
},
});
Expand Down
8 changes: 4 additions & 4 deletions docs/src/pages/components/breakpoints/breakpoints-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Each breakpoint (a key) matches with a *fixed* screen width (a value):
- **lg,** large: 1280px
- **xl,** extra-large: 1920px

These [breakpoint values](/customization/default-theme/?expend-path=$.breakpoints.values) are used to determine breakpoint ranges. A range starts from the breakpoint value inclusive, to the next breakpoint value exclusive:
These [breakpoint values](/customization/default-theme/?expand-path=$.breakpoints.values) are used to determine breakpoint ranges. A range starts from the breakpoint value inclusive, to the next breakpoint value exclusive:

```js
value |0px 600px 960px 1280px 1920px
Expand All @@ -21,7 +21,7 @@ screen width |--------|--------|--------|--------|-------->
range | xs | sm | md | lg | xl
```

Ces valeurs peuvent être personnalisées. You will find them in the theme, in the [`breakpoints.values`](/customization/default-theme/?expend-path=$.breakpoints.values) object.
Ces valeurs peuvent être personnalisées. You will find them in the theme, in the [`breakpoints.values`](/customization/default-theme/?expand-path=$.breakpoints.values) object.

The breakpoints are used internally in various components to make them responsive, but you can also take advantage of them for controlling the layout of your application through the [Grid](/layout/grid/) and [Hidden](/layout/hidden/) components.

Expand Down Expand Up @@ -201,7 +201,7 @@ Some implementation details that might be interesting to being aware of:

#### Paramètres

1. `options` (*Object* [optional]):
1. `options` (*Object* [optional]):
- `options.withTheme` (*Boolean* [optional]): Valeur par défaut `false`. Provide the `theme` object to the component as a property.
- `options.noSSR` (*Boolean* [optional]): Defaults to `false`. In order to perform the server-side rendering reconciliation, it needs to render twice. A first time with nothing and a second time with the children. This double pass rendering cycle comes with a drawback. The UI might blink. You can set this flag to `true` if you are not doing server-side rendering.
- `options.initialWidth` (*Breakpoint* [optional]): As `window.innerWidth` is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use an heuristic to approximate the screen width of the client browser screen width. For instance, you could be using the user-agent or the client-hints. https://caniuse.com/#search=client%20hint, we also can set the initial width globally using [`custom properties`](/customization/themes/#default-props) on the theme. In order to set the initialWidth we need to pass a custom property with this shape:
Expand All @@ -212,7 +212,7 @@ const theme = createMuiTheme({
// withWidth component ⚛️
MuiWithWidth: {
// Initial width property
initialWidth: 'lg', // Breakpoint being globally set
initialWidth: 'lg', // Breakpoint being globally set
},
},
});
Expand Down
8 changes: 4 additions & 4 deletions docs/src/pages/components/breakpoints/breakpoints-ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Each breakpoint (a key) matches with a *fixed* screen width (a value):
- **lg,** large: 1280px
- **xl,** extra-large: 1920px

These [breakpoint values](/customization/default-theme/?expend-path=$.breakpoints.values) are used to determine breakpoint ranges. A range starts from the breakpoint value inclusive, to the next breakpoint value exclusive:
These [breakpoint values](/customization/default-theme/?expand-path=$.breakpoints.values) are used to determine breakpoint ranges. A range starts from the breakpoint value inclusive, to the next breakpoint value exclusive:

```js
value |0px 600px 960px 1280px 1920px
Expand All @@ -21,7 +21,7 @@ screen width |--------|--------|--------|--------|-------->
range | xs | sm | md | lg | xl
```

These values can always be customized. You will find them in the theme, in the [`breakpoints.values`](/customization/default-theme/?expend-path=$.breakpoints.values) object.
These values can always be customized. You will find them in the theme, in the [`breakpoints.values`](/customization/default-theme/?expand-path=$.breakpoints.values) object.

The breakpoints are used internally in various components to make them responsive, but you can also take advantage of them for controlling the layout of your application through the [Grid](/layout/grid/) and [Hidden](/layout/hidden/) components.

Expand Down Expand Up @@ -201,7 +201,7 @@ Some implementation details that might be interesting to being aware of:

#### 引数

1. `options` (*Object* [optional]):
1. `options` (*Object* [optional]):
- `options.withTheme` (*Boolean* [optional]): Defaults to `false`. Provide the `theme` object to the component as a property.
- `options.noSSR` (*Boolean* [optional]): Defaults to `false`. In order to perform the server-side rendering reconciliation, it needs to render twice. A first time with nothing and a second time with the children. This double pass rendering cycle comes with a drawback. The UI might blink. You can set this flag to `true` if you are not doing server-side rendering.
- `options.initialWidth` (*Breakpoint* [optional]): As `window.innerWidth` is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use an heuristic to approximate the screen width of the client browser screen width. For instance, you could be using the user-agent or the client-hints. https://caniuse.com/#search=client%20hint, we also can set the initial width globally using [`custom properties`](/customization/themes/#default-props) on the theme. In order to set the initialWidth we need to pass a custom property with this shape:
Expand All @@ -212,7 +212,7 @@ const theme = createMuiTheme({
// withWidth component ⚛️
MuiWithWidth: {
// Initial width property
initialWidth: 'lg', // Breakpoint being globally set
initialWidth: 'lg', // Breakpoint being globally set
},
},
});
Expand Down
8 changes: 4 additions & 4 deletions docs/src/pages/components/breakpoints/breakpoints-pt.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Cada ponto de quebra (uma chave) corresponde a uma largura de tela *fixa* (um va
- **lg,** grande: 1280px
- **xl,** extra-grande: 1920px

Estes [valores de ponto de quebra](/customization/default-theme/?expend-path=$.breakpoints.values) são usados para determinar intervalos de ponto de quebra. Um intervalo inicia a partir do valor do ponto de quebra, incluindo seu valor inicial, até o próximo valor de ponto de quebra menos um:
Estes [valores de ponto de quebra](/customization/default-theme/?expand-path=$.breakpoints.values) são usados para determinar intervalos de ponto de quebra. Um intervalo inicia a partir do valor do ponto de quebra, incluindo seu valor inicial, até o próximo valor de ponto de quebra menos um:

```js
valor |0px 600px 960px 1280px 1920px
Expand All @@ -21,7 +21,7 @@ largura da tela |--------|--------|--------|--------|-------->
intervalo | xs | sm | md | lg | xl
```

Esses valores sempre podem ser customizados. Você os encontrará no tema, no objeto [`breakpoints.values`](/customization/default-theme/?expend-path=$.breakpoints.values).
Esses valores sempre podem ser customizados. Você os encontrará no tema, no objeto [`breakpoints.values`](/customization/default-theme/?expand-path=$.breakpoints.values).

Os pontos de quebra são usados internamente em vários componentes para torná-los responsivos, mas você também pode tirar proveito deles para controlar o leiaute da sua aplicação através dos componentes [Grade](/layout/grid/) e [Hidden](/layout/hidden/).

Expand Down Expand Up @@ -201,7 +201,7 @@ Alguns detalhes de implementação que podem ser interessantes para estar ciente

#### Argumentos

1. `options` (*Object* [opcional]):
1. `options` (*Object* [opcional]):
- `options.withTheme` (*Boolean* [opcional]): Padrão `false`. Fornecer o objeto `theme` para o componente como uma propriedade.
- `options.noSSR` (*Boolean* [opcional]): Padrão `false`. Para realizar a reconciliação de renderização do lado do servidor, ele precisa renderizar duas vezes. Uma primeira vez sem nada e uma segunda vez com os filhos. Este ciclo de renderização de dupla passagem tem uma desvantagem. A interface do usuário pode piscar. Você pode definir esse sinalizador para `true` se você não estiver fazendo a renderização do lado do servidor.
- `options.initialWidth` (*Breakpoint* [opcional]): Como `window.innerWidth` não esta disponível no servidor, retornamos uma correspondência padrão durante a primeira montagem. Você pode querer usar uma heurística para aproximar a largura da tela no navegador do cliente. Por exemplo, você poderia estar usando o user-agent ou o client-hint. https://caniuse.com/#search=client%20hint, também podemos definir a largura inicial globalmente usando [`propriedades customizadas`](/customization/themes/#default-props) no tema. Para definir o initialWidth, precisamos passar uma propriedade customizada com esta forma:
Expand All @@ -212,7 +212,7 @@ const theme = createMuiTheme({
// Componente withWidth ⚛️
MuiWithWidth: {
// Propriedade de largura inicial
initialWidth: 'lg', // Ponto de quebra globalmente iniciado
initialWidth: 'lg', // Ponto de quebra globalmente iniciado
},
},
});
Expand Down
8 changes: 4 additions & 4 deletions docs/src/pages/components/breakpoints/breakpoints-ru.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ For optimal user experience, material design interfaces need to be able to adapt
- **lg,** large: 1280px
- **xl,** extra-large: 1920px

Эти [ значения точек останова ](/customization/default-theme/?expend-path=$.breakpoints.values) используются для определения диапазонов точек останова. Диапазон начинается с значения первой точки останова включительно до следующей точки останова не включая её:
Эти [ значения точек останова ](/customization/default-theme/?expand-path=$.breakpoints.values) используются для определения диапазонов точек останова. Диапазон начинается с значения первой точки останова включительно до следующей точки останова не включая её:

```js
значение |0px 600px 960px 1280px 1920px
Expand All @@ -21,7 +21,7 @@ For optimal user experience, material design interfaces need to be able to adapt
диапазон | xs | m | md | lg | xl
```

Эти значения всегда можно изменить. Вы найдете их в теме, в объекте [`breakpoints.values`](/customization/default-theme/?expend-path=$.breakpoints.values).
Эти значения всегда можно изменить. Вы найдете их в теме, в объекте [`breakpoints.values`](/customization/default-theme/?expand-path=$.breakpoints.values).

The breakpoints are used internally in various components to make them responsive, but you can also take advantage of them for controlling the layout of your application through the [Grid](/layout/grid/) and [Hidden](/layout/hidden/) components.

Expand Down Expand Up @@ -201,7 +201,7 @@ type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

#### Аргументы

1. `options` (*Object* [optional]):
1. `options` (*Object* [optional]):
- `options.withTheme` (*Boolean* [optional]): Defaults to `false`. Provide the `theme` object to the component as a property.
- `options.noSSR` (*Boolean* [optional]): Defaults to `false`. In order to perform the server-side rendering reconciliation, it needs to render twice. A first time with nothing and a second time with the children. This double pass rendering cycle comes with a drawback. The UI might blink. You can set this flag to `true` if you are not doing server-side rendering.
- `options.initialWidth` (*Breakpoint* [optional]): As `window.innerWidth` is unavailable on the server, we default to rendering an empty component during the first mount. You might want to use an heuristic to approximate the screen width of the client browser screen width. For instance, you could be using the user-agent or the client-hints. https://caniuse.com/#search=client%20hint, we also can set the initial width globally using [`custom properties`](/customization/themes/#default-props) on the theme. In order to set the initialWidth we need to pass a custom property with this shape:
Expand All @@ -212,7 +212,7 @@ const theme = createMuiTheme({
// withWidth component ⚛️
MuiWithWidth: {
// Initial width property
initialWidth: 'lg', // Breakpoint being globally set
initialWidth: 'lg', // Breakpoint being globally set
},
},
});
Expand Down
Loading

0 comments on commit 5cab340

Please sign in to comment.