Skip to content

Translate Tabs/Tab properties split to es, fr, zh #4578

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ethanpalm merged 1 commit into from
Mar 17, 2026
Merged

Translate Tabs/Tab properties split to es, fr, zh #4578

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 24 additions & 12 deletions es/components/tabs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,16 +72,36 @@ Para desactivar la sincronización de pestañas, agrega `sync={false}` a un comp
</Tabs>
```

<div id="properties">
## Propiedades
<div id="tabs-properties">
## Propiedades de Tabs
</div>

Estas propiedades se establecen en el componente contenedor `<Tabs>`.

<ResponseField name="defaultTabIndex" type="number" default="0">
El índice de la pestaña que se muestra por defecto (basado en cero). Por ejemplo, establécelo en `1` para mostrar la segunda pestaña al cargar la página.
</ResponseField>

<ResponseField name="sync" type="boolean" default="true">
Cuando es `true`, las pestañas se sincronizan con otras pestañas y grupos de código de la página que tengan el mismo título. Establécelo en `false` para que las pestañas sean independientes.
</ResponseField>

<ResponseField name="borderBottom" type="boolean">
Añade un borde inferior y relleno al contenedor de pestañas. Es útil para separar visualmente el contenido con pestañas del resto de la página, especialmente cuando las pestañas contienen contenido de distinta longitud.
</ResponseField>

<div id="tab-properties">
## Propiedades de Tab
</div>

Estas propiedades se establecen en cada componente `<Tab>` individual.

<ResponseField name="title" type="string" required>
El Título de la Tab. Los títulos cortos facilitan la navegación. Las Tabs con el mismo título sincronizan sus selecciones.
El título de la pestaña. Los títulos cortos facilitan la navegación. Las pestañas con el mismo título sincronizan sus selecciones.
</ResponseField>

<ResponseField name="id" type="string">
Un ID personalizado para la Tab que se usa para enlaces de anclaje. Si no se proporciona, usa por defecto el mismo valor que `title`.
Un ID personalizado para la pestaña que se usa para enlaces de anclaje. Si no se proporciona, usa por defecto el mismo valor que `title`.
</ResponseField>

<ResponseField name="icon" type="string">
Expand All @@ -90,12 +110,4 @@ Para desactivar la sincronización de pestañas, agrega `sync={false}` a un comp

<ResponseField name="iconType" type="string">
Solo para iconos de Font Awesome: uno de `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
</ResponseField>

<ResponseField name="sync" type="boolean" default="true">
Cuando es `true`, las Tabs se sincronizan con otras Tabs y grupos de código de la página que tengan el mismo título. Establécelo en `false` para que las Tabs sean independientes.
</ResponseField>

<ResponseField name="borderBottom" type="boolean">
Añade un borde inferior y relleno al contenedor de Tabs. Es útil para separar visualmente el contenido con Tabs del resto de la página, especialmente cuando las Tabs contienen contenido de distinta longitud.
</ResponseField>
38 changes: 35 additions & 3 deletions fr/components/tabs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,12 +72,44 @@ Pour désactiver la synchronisation des onglets, ajoutez `sync={false}` à un co
</Tabs>
```

<div id="properties">
## Propriétés
<div id="tabs-properties">
## Propriétés de Tabs
</div>

Ces propriétés sont définies sur le composant conteneur `<Tabs>`.

<ResponseField name="defaultTabIndex" type="number" default="0">
L'index de l'onglet à afficher par défaut (base zéro). Par exemple, définissez-le sur `1` pour afficher le deuxième onglet au chargement de la page.
</ResponseField>

<ResponseField name="sync" type="boolean" default="true">
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.
</ResponseField>

<ResponseField name="borderBottom" type="boolean">
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.
</ResponseField>

<div id="tab-properties">
## Propriétés de Tab
</div>

Ces propriétés sont définies sur chaque composant `<Tab>` individuel.

<ResponseField name="title" type="string" required>
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.
</ResponseField>

<ResponseField name="id" type="string">
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`.
</ResponseField>

<ResponseField name="icon" type="string">
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.
</ResponseField>

<ResponseField name="iconType" type="string">
Pour les icônes Font Awesome uniquement : l'un de `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
</ResponseField>

<ResponseField name="id" type="string">
Expand Down
32 changes: 22 additions & 10 deletions zh/components/tabs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,10 +72,30 @@ keywords: ["标签式内容", "内容面板", "可切换内容"]
</Tabs>
```

<div id="properties">
## 属性
<div id="tabs-properties">
## Tabs 属性
</div>

这些属性设置在 `<Tabs>` 包装组件上。

<ResponseField name="defaultTabIndex" type="number" default="0">
默认显示的标签页索引（从零开始）。例如，设置为 `1` 可在页面加载时显示第二个标签页。
</ResponseField>

<ResponseField name="sync" type="boolean" default="true">
当为 `true` 时，标签页会与页面上其他具有相同标题的标签页和代码组保持同步。将其设置为 `false` 可使标签页彼此独立。
</ResponseField>

<ResponseField name="borderBottom" type="boolean">
为标签页容器添加底部边框和内边距。可用于在视觉上将标签页内容与页面其余部分区分开来，尤其是在标签页包含不同长度的内容时。
</ResponseField>

<div id="tab-properties">
## Tab 属性
</div>

这些属性设置在每个单独的 `<Tab>` 组件上。

<ResponseField name="title" type="string" required>
标签页的标题。较短的标题更便于导航。标题相同的标签页会同步其选中状态。
</ResponseField>
Expand All @@ -90,12 +110,4 @@ keywords: ["标签式内容", "内容面板", "可切换内容"]

<ResponseField name="iconType" type="string">
仅适用于 Font Awesome icon：可选值之一为 `regular`、`solid`、`light`、`thin`、`sharp-solid`、`duotone`、`brands`。
</ResponseField>

<ResponseField name="sync" type="boolean" default="true">
当为 `true` 时，标签页会与页面上其他具有相同标题的标签页和代码组保持同步。将其设置为 `false` 可使标签页彼此独立。
</ResponseField>

<ResponseField name="borderBottom" type="boolean">
为标签页容器添加底部边框和内边距。可用于在视觉上将标签页内容与页面其余部分区分开来，尤其是在标签页包含不同长度的内容时。
</ResponseField>
Loading