# EuiContentCardFooterComponent

**Type:** component



Container for footer content at the bottom of the card. Typically used for actions, links, or supplementary information.

### Action Buttons
```html
<eui-content-card-footer>
    <eui-button>View Details</eui-button>
    <eui-button euiSecondary>Cancel</eui-button>
</eui-content-card-footer>
```

### Links
```html
<eui-content-card-footer>
    <a href="/details" class="eui-u-text-link">Read more</a>
</eui-content-card-footer>
```

### Mixed Content
```html
<eui-content-card-footer>
    <div class="eui-u-flex eui-u-flex-justify-between">
        <span class="eui-u-text-muted">Last updated: 2 hours ago</span>
        <eui-button euiSizeS>Edit</eui-button>
    </div>
</eui-content-card-footer>
```

### Accessibility
- Ensure all interactive elements are keyboard accessible
- Provide clear labels for all actions
- Use appropriate button types (button vs link)
- Maintain logical tab order

### Notes
- Positioned at the bottom of the card with visual separation
- Optional component - only include when actions or additional info needed
- Commonly used for primary/secondary actions
- Automatically styled with appropriate spacing and borders


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