Card

Cards group related content and actions in a contained surface.

Set interactive when the card itself should react to pointer hover as an interactive surface.

Import

js

import { MdCard } from 'vue-material-3';

Usage

vue

<MdCard header-title="Header" header-sub-title="Subhead" type="elevated">
  Card content
</MdCard>

<MdCard interactive header-title="Header" type="outlined">
  Clickable card content
</MdCard>

Storybook

Use Storybook for controls.