Card

The main wrapper for card content. Customize its appearance with props for border, layout, and size. Use with CardBody, CardTitle, and CardActions for best results.

CardBody

The main content area of the card. Use for text, images, or other elements you want inside the card. This component uses the Text component under the hood, so all Text props are also supported.

CardTitle

The title or heading for the card. Use for headings, section titles, or highlighted text. This component uses the Text component under the hood, so all Text props are also supported.

CardActions

The actions area of the card. Use for buttons, links, or any interactive elements related to the card. This component uses the Text component under the hood, so all Text props are also supported.