DEVELOPMENT PREVIEWIn development

card API

cards/card.tsx

Card

Props

PropTypeDefaultDescription
header
any—Header content; a plain string renders as an `<h3>` title.
actions
any—Controls aligned to the end of the header row.
footer
any—Footer area separated by a divider.
variant
CardVariant | "default" | "elevated" | "outlined" | undefinedCardVariant.DefaultSurface treatment.
interactive
boolean | undefinedfalseAdds hover elevation + pointer affordance for clickable cards.
flush
boolean | undefinedfalseRemove the default body padding (edge-to-edge content).

CardVariant