Cards

Default card
A simple card with title, content, and footer.
Filled card
Uses a subtle background fill instead of white.
Outlined card
Transparent background with a stronger border.
Primary accent card with yellow tint.
Secondary accent card with mint tint.
Elevated card with a soft shadow.

Sizes

Small card
Compact padding and radius.
Large card
Generous padding and larger radius.

Vue cards

Vue action card