Card y Cards
Organiza la navegación o resalta características importantes en cuadrículas de tarjetas responsivas usando los componentes Card y Cards.
Los componentes <Card> y <Cards> te permiten agrupar enlaces, características o recursos externos relacionados en mosaicos limpios y clickeables.
Props de Cards
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
cols | 1 | 2 | 3 | 4 | 2 | Número de columnas en el diseño de cuadrícula en pantallas de escritorio. |
Props de Card
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
title | string | Requerido | Texto del encabezado en negrita mostrado en la parte superior de la tarjeta. |
icon | ReactNode | undefined | Un icono de Lucide o elemento SVG personalizado para mostrar junto al título de la tarjeta. |
href | string | undefined | Destino del enlace. Cuando se proporciona, convierte toda la tarjeta en un enlace clickeable. Soporta rutas internas y URLs externas. |
children | ReactNode | undefined | Texto de descripción del cuerpo o elementos React personalizados. |
Last updated on October 18, 2026
