Translate Column sub-component and examples updates to es, fr, zh

es/components/columns.mdx

@@ -4,13 +4,12 @@ description: "Organiza tarjetas y otros componentes en un diseño de cuadrícula
 keywords: ['grupos de tarjetas', 'diseño de cuadrícula', 'diseño multicolumna']
 ---
 
-El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con más frecuencia para colocar tarjetas en una cuadrícula, especificando el número de columnas de la cuadrícula. Las columnas son adaptables y se ajustan automáticamente en pantallas más pequeñas.
+El componente `Columns` te permite organizar contenido en un diseño de cuadrícula adaptable. Se usa con más frecuencia para colocar tarjetas en una cuadrícula, especificando el número de columnas de la cuadrícula. También puedes usar el subcomponente `Column` para envolver contenido arbitrario. Las columnas son adaptables y se ajustan automáticamente en pantallas más pequeñas.
 
 <Columns cols={2}>
   <Card title="Primeros pasos" icon="rocket">
     Configura tu proyecto con nuestra guía de inicio rápido.
   </Card>
-
   <Card title="Referencia de la API" icon="code">
     Explora endpoints, parámetros y ejemplos de tu API.
   </Card>
@@ -27,11 +26,62 @@ El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con
 </Columns>
 ```
 
+<div id="column-sub-component">
+  ## Subcomponente Column
+</div>
+
+Usa el componente `Column` para envolver texto o código en columnas individuales. Esto es útil cuando quieres mostrar contenido arbitrario lado a lado, no solo tarjetas u otros componentes.
+
+<Columns cols={2}>
+  <Column>
+
+  **Installation**
+
+  ```bash
+  npm install my-package
+  ```
+
+  </Column>
+  <Column>
+
+  **Usage**
+
+  ```javascript
+  import { init } from 'my-package';
+  init();
+  ```
+
+  </Column>
+</Columns>
+
+````mdx Column sub-component example
+<Columns cols={2}>
+  <Column>
+
+  **Installation**
+
+  ```bash
+  npm install my-package
+  ```
+
+  </Column>
+  <Column>
+
+  **Usage**
+
+  ```javascript
+  import { init } from 'my-package';
+  init();
+  ```
+
+  </Column>
+</Columns>
+````
 
 <div id="properties">
   ## Propiedades
 </div>
 
 <ResponseField name="cols" type="number" default={2}>
   El número de columnas por fila. Acepta valores de 1 a 4.
-</ResponseField>
+</ResponseField>

es/components/examples.mdx

@@ -63,7 +63,9 @@ El componente `<ResponseExample>` ancla ejemplos de código en la barra lateral
 </ResponseExample>
 ````
 
-## Propiedades
+<div id="properties">
+  ## Propiedades
+</div>
 
 Tanto `<RequestExample>` como `<ResponseExample>` aceptan las siguientes propiedades:
 

fr/components/columns.mdx

@@ -1,17 +1,16 @@
 ---
 title: "Colonnes"
-description: "Organisez des cartes et d’autres composants dans une grille responsive avec un nombre de colonnes personnalisable."
+description: "Organisez des cartes et d'autres composants dans une grille responsive avec un nombre de colonnes personnalisable."
 keywords: ['groupes de cartes', 'mise en page en grille', 'mise en page multicolonnes']
 ---
 
-Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il est le plus souvent utilisé pour disposer des cartes en grille, en spécifiant le nombre de colonnes. Les `Columns` sont responsives et s’ajustent automatiquement aux écrans plus petits.
+Le composant `Columns` vous permet d'organiser du contenu dans une grille responsive. Il est le plus souvent utilisé pour disposer des cartes en grille, en spécifiant le nombre de colonnes. Vous pouvez également utiliser le sous-composant `Column` pour encapsuler du contenu arbitraire. Les colonnes sont responsives et s'ajustent automatiquement aux écrans plus petits.
 
 <Columns cols={2}>
   <Card title="Bien démarrer" icon="rocket">
     Configurez votre projet avec notre guide de démarrage rapide.
   </Card>
-
-  <Card title="Référence de l’API" icon="code">
+  <Card title="Référence de l'API" icon="code">
     Explorez les endpoints, paramètres et exemples de votre API.
   </Card>
 </Columns>
@@ -27,11 +26,62 @@ Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il
 </Columns>
 ```
 
+<div id="column-sub-component">
+  ## Sous-composant Column
+</div>
+
+Utilisez le composant `Column` pour encapsuler du texte ou du code dans des colonnes individuelles. Ceci est utile lorsque vous souhaitez afficher du contenu arbitraire côte à côte, pas seulement des cartes ou d'autres composants.
+
+<Columns cols={2}>
+  <Column>
+
+  **Installation**
+
+  ```bash
+  npm install my-package
+  ```
+
+  </Column>
+  <Column>
+
+  **Usage**
+
+  ```javascript
+  import { init } from 'my-package';
+  init();
+  ```
+
+  </Column>
+</Columns>
+
+````mdx Column sub-component example
+<Columns cols={2}>
+  <Column>
+
+  **Installation**
+
+  ```bash
+  npm install my-package
+  ```
+
+  </Column>
+  <Column>
+
+  **Usage**
+
+  ```javascript
+  import { init } from 'my-package';
+  init();
+  ```
+
+  </Column>
+</Columns>
+````
 
 <div id="properties">
   ## Propriétés
 </div>
 
 <ResponseField name="cols" type="number" default={2}>
   Le nombre de colonnes par ligne. Accepte des valeurs de 1 à 4.
-</ResponseField>
+</ResponseField>

fr/components/examples.mdx

@@ -63,7 +63,9 @@ Le composant `<ResponseExample>` épingle les exemples de code dans la barre lat
 </ResponseExample>
 ````
 
-## Propriétés
+<div id="properties">
+  ## Propriétés
+</div>
 
 `<RequestExample>` et `<ResponseExample>` acceptent les propriétés suivantes :
 

zh/components/columns.mdx

@@ -4,13 +4,12 @@ description: "在可自定义列数的响应式网格布局中排列卡片和其
 keywords: ['卡片分组', '网格布局', '多列布局']
 ---
 
-`Columns` 组件用于将多个 `Card` 组件分组展示。它通常通过指定网格列数，将卡片排成网格。列是响应式的，并会在小屏幕上自动调整布局。
+`Columns` 组件用于在响应式网格布局中排列内容。它通常通过指定网格列数，将卡片排成网格。你还可以使用 `Column` 子组件来包裹任意内容。列是响应式的，并会在小屏幕上自动调整布局。
 
 <Columns cols={2}>
   <Card title="快速开始" icon="rocket">
     使用我们的快速入门指南配置你的项目。
   </Card>
-
   <Card title="API 参考" icon="code">
     浏览你的 API 的端点、参数和示例。
   </Card>
@@ -27,11 +26,62 @@ keywords: ['卡片分组', '网格布局', '多列布局']
 </Columns>
 ```
 
+<div id="column-sub-component">
+  ## Column 子组件
+</div>
+
+使用 `Column` 组件将文本或代码包裹在单独的列中。当你想要并排显示任意内容（而不仅仅是卡片或其他组件）时，这非常有用。
+
+<Columns cols={2}>
+  <Column>
+
+  **Installation**
+
+  ```bash
+  npm install my-package
+  ```
+
+  </Column>
+  <Column>
+
+  **Usage**
+
+  ```javascript
+  import { init } from 'my-package';
+  init();
+  ```
+
+  </Column>
+</Columns>
+
+````mdx Column sub-component example
+<Columns cols={2}>
+  <Column>
+
+  **Installation**
+
+  ```bash
+  npm install my-package
+  ```
+
+  </Column>
+  <Column>
+
+  **Usage**
+
+  ```javascript
+  import { init } from 'my-package';
+  init();
+  ```
+
+  </Column>
+</Columns>
+````
 
 <div id="properties">
   ## 属性
 </div>
 
 <ResponseField name="cols" type="number" default={2}>
   每行包含的列数。可接受的值范围为 1 到 4。
-</ResponseField>
+</ResponseField>

zh/components/examples.mdx

@@ -63,7 +63,9 @@ curl --request POST \
 </ResponseExample>
 ````
 
-## 属性
+<div id="properties">
+  ## 属性
+</div>
 
 `<RequestExample>` 和 `<ResponseExample>` 均接受以下属性：