Card

The Card component is a versatile container used to group related information in a visually distinct way. It often includes elements like a header, body, and footer, providing a cohesive layout for displaying content such as text, images, and actions. Cards enhance the user experience by organizing information into manageable sections.

Card.Body

metadata

string | number | false | true | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

Card.Cover

alt

Required

string

src

Required

string

Card.Header

disabled

Boolean

onClose

() => void

Card

disabled

Boolean

size

"lg" | "md" | "sm"