Skip to content
Mintlify
Mintlify
Componentes

Columnas

Organiza tarjetas y otros componentes en una cuadrícula adaptable multicolumna con el componente columns y recuentos de columnas personalizables.

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.

Primeros pasos

Configura tu proyecto con nuestra guía de inicio rápido.

Referencia de la API

Explora endpoints, parámetros y ejemplos de tu API.

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>

Usa el componente Column para envolver texto o código en columnas individuales. Esto es útil cuando deseas mostrar contenido arbitrario lado a lado, no solo tarjetas u otros componentes.

Installation

npm install my-package

Usage

import { init } from 'my-package';
init();
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>
colsnumberdefault: 2

El número de columnas por fila. Acepta valores de 1 a 4.

Was this page helpful?Suggest editsRaise issue