mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
be513d4fcf
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
37 lines
1.1 KiB
Plaintext
37 lines
1.1 KiB
Plaintext
---
|
|
title: "Columnas"
|
|
description: "Mostrar elementos en paralelo"
|
|
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> |