Componentes

Card

Contenedor de superficie elevada con resplandor hover opcional para contenido interactivo.

Tarjeta predeterminada

Maquetación

Título de la tarjeta

Las tarjetas descansan sobre la superficie de la tarjeta con un borde sutil. El hover eleva la superficie, aclara el borde y añade una sombra.

Pasa el cursor sobre la tarjeta superior para ver el estado elevado.

Relleno

padding="md"

padding="lg"

Hover deshabilitado

Tarjeta estática — hover deshabilitado

Uso

<Card>
  <h3>Card title</h3>
  <p>Card body content.</p>
</Card>

<Card hover={false} padding="lg">
  <p>Static card with larger padding.</p>
</Card>

Props

PropTipoPredeterminadoDescripción
hoverbooleantrueActiva la elevación al pasar el cursor: superficie más clara, borde con resplandor y sombra.
padding'md' | 'lg''md'Relleno interior de la tarjeta.