1. Demo
  2. HTML
  3. Context
  4. Full Screen ↗
<div class="card z-depth-1">
  <h3>No Content</h3>
  <img src="https://images.unsplash.com/photo-1688494929970-433dd6cab0dc?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=400" alt>
</div>
{{ c("card", "card", {
  "headline": "No Content",
  "content": null,
  "image": "https://images.unsplash.com/photo-1688494929970-433dd6cab0dc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=400",
  "page": {
    "url": "/design-system/components/card/no-content/",
    "outputPath": "dist/design-system/components/card/no-content/index.html",
    "date": "2024-10-23T19:28:34.665Z",
    "inputPath": "./src/design-system/components-pages.njk",
    "fileSlug": "components-pages",
    "filePathStem": "/design-system/components-pages",
    "outputFileExtension": "html",
    "templateSyntax": "njk"
  },
  "eleventy": {
    "version": "2.0.1",
    "generator": "Eleventy v2.0.1",
    "env": {
      "source": "cli",
      "runMode": "build",
      "config": "/home/runner/work/11ty-design-system/11ty-design-system/.eleventy.js",
      "root": "/home/runner/work/11ty-design-system/11ty-design-system",
      "isServerless": false
    }
  }
}) }}