Card
components/Card.vue — Elevated white container with optional title and flex layout. Used for plan cards, profile sections, dashboard. 15 usages.
Default Card
Basic card with title and body content. Elevation-3 shadow.
Default Card
Card body content with default padding and elevation.
Flex Layout
Two-column layout using card__flex with card__left and card__right slots.
Flex Layout Card
Left column content
Right column content
No Padding
Card body with no-padding class for edge-to-edge content.
No Padding
Content with custom inner padding
Without Title
Card with no title prop — just the body container.
Card without title — just body content.