diff --git a/es/components/columns.mdx b/es/components/columns.mdx index 714bd4e61..00180efd2 100644 --- a/es/components/columns.mdx +++ b/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. Configura tu proyecto con nuestra guía de inicio rápido. - Explora endpoints, parámetros y ejemplos de tu API. @@ -27,6 +26,57 @@ El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con ``` +
+ ## Subcomponente Column +
+ +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. + + + + + **Installation** + + ```bash + npm install my-package + ``` + + + + + **Usage** + + ```javascript + import { init } from 'my-package'; + init(); + ``` + + + + +````mdx Column sub-component example + + + + **Installation** + + ```bash + npm install my-package + ``` + + + + + **Usage** + + ```javascript + import { init } from 'my-package'; + init(); + ``` + + + +````
## Propiedades @@ -34,4 +84,4 @@ El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con El número de columnas por fila. Acepta valores de 1 a 4. - \ No newline at end of file + diff --git a/es/components/examples.mdx b/es/components/examples.mdx index 2114e94b7..7feee6203 100644 --- a/es/components/examples.mdx +++ b/es/components/examples.mdx @@ -63,7 +63,9 @@ El componente `` ancla ejemplos de código en la barra lateral ```` -## Propiedades +
+ ## Propiedades +
Tanto `` como `` aceptan las siguientes propiedades: diff --git a/fr/components/columns.mdx b/fr/components/columns.mdx index fe2b07370..0b3a5c2bd 100644 --- a/fr/components/columns.mdx +++ b/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. Configurez votre projet avec notre guide de démarrage rapide. - - + Explorez les endpoints, paramètres et exemples de votre API. @@ -27,6 +26,57 @@ Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il ``` +
+ ## Sous-composant Column +
+ +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. + + + + + **Installation** + + ```bash + npm install my-package + ``` + + + + + **Usage** + + ```javascript + import { init } from 'my-package'; + init(); + ``` + + + + +````mdx Column sub-component example + + + + **Installation** + + ```bash + npm install my-package + ``` + + + + + **Usage** + + ```javascript + import { init } from 'my-package'; + init(); + ``` + + + +````
## Propriétés @@ -34,4 +84,4 @@ Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il Le nombre de colonnes par ligne. Accepte des valeurs de 1 à 4. - \ No newline at end of file + diff --git a/fr/components/examples.mdx b/fr/components/examples.mdx index 487c769e0..0003a8289 100644 --- a/fr/components/examples.mdx +++ b/fr/components/examples.mdx @@ -63,7 +63,9 @@ Le composant `` épingle les exemples de code dans la barre lat ```` -## Propriétés +
+ ## Propriétés +
`` et `` acceptent les propriétés suivantes : diff --git a/zh/components/columns.mdx b/zh/components/columns.mdx index c0646c24c..2356946f6 100644 --- a/zh/components/columns.mdx +++ b/zh/components/columns.mdx @@ -4,13 +4,12 @@ description: "在可自定义列数的响应式网格布局中排列卡片和其 keywords: ['卡片分组', '网格布局', '多列布局'] --- -`Columns` 组件用于将多个 `Card` 组件分组展示。它通常通过指定网格列数，将卡片排成网格。列是响应式的，并会在小屏幕上自动调整布局。 +`Columns` 组件用于在响应式网格布局中排列内容。它通常通过指定网格列数，将卡片排成网格。你还可以使用 `Column` 子组件来包裹任意内容。列是响应式的，并会在小屏幕上自动调整布局。 使用我们的快速入门指南配置你的项目。 - 浏览你的 API 的端点、参数和示例。 @@ -27,6 +26,57 @@ keywords: ['卡片分组', '网格布局', '多列布局'] ``` +
+ ## Column 子组件 +
+ +使用 `Column` 组件将文本或代码包裹在单独的列中。当你想要并排显示任意内容（而不仅仅是卡片或其他组件）时，这非常有用。 + + + + + **Installation** + + ```bash + npm install my-package + ``` + + + + + **Usage** + + ```javascript + import { init } from 'my-package'; + init(); + ``` + + + + +````mdx Column sub-component example + + + + **Installation** + + ```bash + npm install my-package + ``` + + + + + **Usage** + + ```javascript + import { init } from 'my-package'; + init(); + ``` + + + +````
## 属性 @@ -34,4 +84,4 @@ keywords: ['卡片分组', '网格布局', '多列布局'] 每行包含的列数。可接受的值范围为 1 到 4。 - \ No newline at end of file + diff --git a/zh/components/examples.mdx b/zh/components/examples.mdx index 51ec095ad..2a4b4cb94 100644 --- a/zh/components/examples.mdx +++ b/zh/components/examples.mdx @@ -63,7 +63,9 @@ curl --request POST \ ```` -## 属性 +
+ ## 属性 +
`` 和 `` 均接受以下属性：