componente · @solu30/ui-kit/display
CardAction
Ancla la acción a la derecha del encabezado: ml-auto más una fila con gap-2.
Todavía no la importa ninguno de los 15 verticales medidos.
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.
CardAction 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 { CardAction } 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.