- ## Propriétés
+
+ ## Propriétés de Tabs
+Ces propriétés sont définies sur le composant conteneur `
`.
+
+
+ L'index de l'onglet à afficher par défaut (basé sur zéro). Par exemple, définissez-le sur `1` pour afficher le deuxième onglet au chargement de la page.
+
+
+
+ Lorsque `true`, les onglets se synchronisent avec les autres onglets et groupes de code de la page dont les titres correspondent. Définissez cette valeur sur `false` pour rendre les onglets indépendants.
+
+
+
+ Ajoute une bordure inférieure et un padding au conteneur des onglets. Utile pour séparer visuellement le contenu présenté dans des onglets du reste de la page, en particulier lorsque les onglets contiennent un contenu de longueurs variables.
+
+
+
+ ## Propriétés de Tab
+
+
+Ces propriétés sont définies sur chaque composant `` individuel.
+
- Le titre de l’onglet. Des titres courts facilitent la navigation. Les onglets dont les titres correspondent synchronisent leurs sélections.
+ Le titre de l'onglet. Des titres courts facilitent la navigation. Les onglets dont les titres correspondent synchronisent leurs sélections.
- Un ID personnalisé pour l’onglet, utilisé pour les liens d’ancrage. S’il n’est pas fourni, la valeur par défaut est la même que `title`.
+ Un ID personnalisé pour l'onglet, utilisé pour les liens d'ancrage. S'il n'est pas fourni, la valeur par défaut est la même que `title`.
- Une icône [Font Awesome](https://fontawesome.com/icons), une icône [Lucide](https://lucide.dev/icons), une URL d’icône ou un chemin relatif vers une icône.
+ Une icône [Font Awesome](https://fontawesome.com/icons), une icône [Lucide](https://lucide.dev/icons), une URL d'icône ou un chemin relatif vers une icône.
- Pour les icônes Font Awesome uniquement : l’un de `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
+ Pour les icônes Font Awesome uniquement : l'un de `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
-
-
- Lorsque `true`, les onglets se synchronisent avec les autres onglets et groupes de code de la page dont les titres correspondent. Définissez cette valeur sur `false` pour rendre les onglets indépendants.
-
-
-
- Ajoute une bordure inférieure et un padding au conteneur des onglets. Utile pour séparer visuellement le contenu présenté dans des onglets du reste de la page, en particulier lorsque les onglets contiennent un contenu de longueurs variables.
-
\ No newline at end of file
diff --git a/zh/components/tabs.mdx b/zh/components/tabs.mdx
index 411001198..16efa2484 100644
--- a/zh/components/tabs.mdx
+++ b/zh/components/tabs.mdx
@@ -37,7 +37,7 @@ keywords: ["标签式内容", "内容面板", "可切换内容"]
☝️ 欢迎来到只能在第一个标签页中看到的内容。
- 你可以在选项卡中添加任意数量的组件。例如,一个代码块:
+ 你可以在选项卡中添加任意数量的组件。例如，一个代码块：
```java HelloWorld.java
class HelloWorld {
public static void main(String[] args) {
@@ -46,18 +46,18 @@ keywords: ["标签式内容", "内容面板", "可切换内容"]
}
```
-
- ✌️ Here's content that's only inside the second tab.
+
+ ✌️ 这里是只在第二个标签页中的内容。
- This one has a icon!
+ 这个还带有一个 图标！
-
- 💪 Here's content that's only inside the third tab.
+
+ 💪 这里是只在第三个标签页中的内容。
````
-具有相同标题的 Tabs 会在整个页面中保持同步。比如，如果你有多个标签页分组都包含一个 `JavaScript` 标签页标题，在其中一个标签页分组中选择 `JavaScript` 时，其他分组中的 `JavaScript` 也会自动被选中。这样，用户只需选择一次语言或框架，就能在所有地方看到相同的选择。Tabs 也会与具有相同标题的[代码分组](/zh/components/code-groups)同步。
+具有相同标题的选项卡会在整个页面中保持同步。比如，如果你有多个标签页分组都包含一个 `JavaScript` 标签页标题，在其中一个标签页分组中选择 `JavaScript` 时，其他分组中的 `JavaScript` 也会自动被选中。这样，用户只需选择一次语言或框架，就能在所有地方看到相同的选择。选项卡也会与具有相同标题的[代码分组](/zh/components/code-groups)同步。
要禁用标签页同步，在 `
` 组件上添加 `sync={false}`。
@@ -72,10 +72,30 @@ keywords: ["标签式内容", "内容面板", "可切换内容"]
```
-
- ## 属性
+
+ ## Tabs 属性
+这些属性设置在 `
` 包装组件上。
+
+
+ 默认显示的标签页索引（从零开始）。例如，设置为 `1` 可在页面加载时显示第二个标签页。
+
+
+
+ 当为 `true` 时，标签页会与页面上其他具有相同标题的标签页和代码组保持同步。将其设置为 `false` 可使标签页彼此独立。
+
+
+
+ 为标签页容器添加底部边框和内边距。可用于在视觉上将标签页内容与页面其余部分区分开来，尤其是在标签页包含不同长度的内容时。
+
+
+
+ ## Tab 属性
+
+
+这些属性设置在每个单独的 `` 组件上。
+
标签页的标题。较短的标题更便于导航。标题相同的标签页会同步其选中状态。
@@ -85,17 +105,9 @@ keywords: ["标签式内容", "内容面板", "可切换内容"]
- 一个 [Font Awesome](https://fontawesome.com/icons) icon、[Lucide](https://lucide.dev/icons) icon、指向 icon 的 URL，或 icon 的相对路径。
+ 一个 [Font Awesome](https://fontawesome.com/icons) 图标、[Lucide](https://lucide.dev/icons) 图标、指向图标的 URL，或图标的相对路径。
- 仅适用于 Font Awesome icon：可选值之一为 `regular`、`solid`、`light`、`thin`、`sharp-solid`、`duotone`、`brands`。
+ 仅适用于 Font Awesome 图标：可选值之一为 `regular`、`solid`、`light`、`thin`、`sharp-solid`、`duotone`、`brands`。
-
-
- 当为 `true` 时，标签页会与页面上其他具有相同标题的标签页和代码组保持同步。将其设置为 `false` 可使标签页彼此独立。
-
-
-
- 为标签页容器添加底部边框和内边距。可用于在视觉上将标签页内容与页面其余部分区分开来，尤其是在标签页包含不同长度的内容时。
-
\ No newline at end of file