1. Demo
  2. HTML
  3. Context
  4. Full Screen ↗
<stack-l>
  <h2>Stack</h2>
  <div>
    <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">
  </div>
  <p>more text</p>
</stack-l>
{{ c("_compositions/stack", "stack", {
  "headline": "Stack",
  "page": {
    "url": "/design-system/components/_compositions/stack/",
    "outputPath": "dist/design-system/components/_compositions/stack/index.html",
    "date": "2024-01-01T16:11:04.118Z",
    "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": "/buddy/dannywoodson-org/.eleventy.js",
      "root": "/buddy/dannywoodson-org",
      "isServerless": false
    }
  }
}) }}