mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
9d82233e1c
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
37 lines
1.2 KiB
Plaintext
37 lines
1.2 KiB
Plaintext
---
|
|
title: "Columnas"
|
|
description: "Organiza tarjetas y otros componentes en un diseño de cuadrícula adaptable con un número de columnas personalizable."
|
|
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.
|
|
|
|
<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>
|
|
</Columns>
|
|
|
|
```mdx Columns example
|
|
<Columns cols={2}>
|
|
<Card title="Primeros pasos">
|
|
Configura tu proyecto con nuestra guía de inicio rápido.
|
|
</Card>
|
|
<Card title="Referencia de la API">
|
|
Explora endpoints, parámetros y ejemplos de tu API.
|
|
</Card>
|
|
</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> |