Card
Card with sizes and variants
Content only (most used)
Content-only Card
This card only uses CardContent without header or footer.
Header only
Basic Card
A simple card only with header.
Content only interactive (hover)
Content-only Card
This card only uses CardContent without header or footer.
Basic card
Basic Card
A simple card with header and content
This is the main content area of the card.
With footer
Card with Footer
Includes footer actions
This is the main content area of the card.
Interactive (hover)
Interactive Card
Clickable with hover effects
This card has hover effects and is clickable.
Elevations
Sunken
Card
This card has an elevation of Sunken.
Base
Card
This card has an elevation of Base.
Raised (default)
Card
This card has an elevation of Raised.
Overlay
Floating
Card
This card has an elevation of Floating.