# EuiCardMediaComponent

**Type:** component

<p>The eui-card-header-body component projects the body for eui-card-header.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-card&gt;
    &lt;eui-card-media imageUrl=&quot;./assets/images/cards/home-card-law.jpg&quot; /&gt;
    &lt;eui-card-content&gt;
        Card Content
    &lt;/eui-card-content&gt;
&lt;/eui-card&gt;</code></pre></div>

**Selector:** `eui-card-media`

**Standalone:** false

## Inputs

- **imageClickUrl**: `string` - <p>Option to set an internal link Url (routerLink).</p>

- **imageClickUrlExternal**: `string` - <p>Option to set an external link Url (href).</p>

- **imageDescription**: `string` - <p>Option to specify an image description.</p>

- **imageHeight**: `string` - <p>Option to specify the image height.</p>

- **imageLegend**: `string` - <p>The image legend to display in the card.</p>

- **imageUrl**: `string` - <p>The image URL to display in the card.</p>

