# EuiDashboardCardContentFooterComponent

**Type:** component

<p>Footer section for custom dashboard cards, typically containing action links, buttons, or supplementary information.
Provides a consistent bottom section for card actions and metadata.</p>
<h3>Action Link</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-dashboard-card-content-footer&gt;
  &lt;a class=&quot;eui-u-text-link&quot; href=&quot;/details&quot;&gt;View details&lt;/a&gt;
&lt;/eui-dashboard-card-content-footer&gt;</code></pre></div><h3>Multiple Actions</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-dashboard-card-content-footer&gt;
  &lt;div class=&quot;eui-u-flex eui-u-justify-between&quot;&gt;
    &lt;eui-icon-button icon=&quot;eui-refresh&quot; size=&quot;s&quot; aria-label=&quot;Refresh&quot;/&gt;
    &lt;a class=&quot;eui-u-text-link&quot; href=&quot;/export&quot;&gt;Export data&lt;/a&gt;
  &lt;/div&gt;
&lt;/eui-dashboard-card-content-footer&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Ensure links and buttons have descriptive text or aria-labels</li>
<li>Maintain sufficient color contrast for footer content</li>
<li>Use semantic elements for actions (buttons, links)</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Optional footer section for card actions</li>
<li>Automatically positioned at bottom of card</li>
<li>Supports any content: links, buttons, text, or custom components</li>
<li>Use flex utilities for multi-element layouts</li>
</ul>


**Selector:** `eui-dashboard-card-content-footer`

**Standalone:** false
