componente · @solu30/ui-kit/display

CardContent

El cuerpo de la tarjeta: p-3 y nada más. Card nace con padding: none, así que el aire de adentro lo pone esta parte.

490 sitios de import en 10 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

TheCharterPanel
carlosmartinpavon
cmp-packages
dietaly
elliot
gestorsalon
luigi
prepchat
raquetea
zentrya

La parte, adentro de su padre

Cargando el espécimen…

export function CardMatrix() {
  return (
    <Stage label="Card · 5 variantes × 4 paddings + anatomía compuesta" tall wide>
      <div className="flex w-full flex-col gap-4">
        <CardVariantes />
        <CardPaddings />
        <CardComposicion />
      </div>
    </Stage>
  )
}

De specimens/display.tsx · CardMatrix: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.

CardContent es una parte de Card: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.

Cómo se usa

import { CardContent } from '@solu30/ui-kit/display'

Props

El catálogo no extrajo props para este símbolo, y eso admite dos lecturas: que el tipo no declare ninguna propia —heredarlas de un elemento HTML es lo normal en las piezas de composición— o que su interfaz se llame distinto y el extractor no la siga. Los filtros de columna son el segundo caso: declaran cuatro props requeridas en SelectFilterProps.

Ejemplo del paquete

// El cuerpo de la Card. Va después del CardHeader.
<Card padding="md">
  <CardHeader title="Reservas" />
  <CardContent>
    <MetricRow label="Confirmadas" value={12} />
  </CardContent>
</Card>

Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.