# EuiDashboardCardStatusContentComponent

**Type:** component



Status indicator container for dashboard cards, displaying badges, chips, or status information.
Positioned separately from main content to highlight important state or metadata.

### Status Badge
```html
<eui-dashboard-card-status-content>
  <eui-chip euiSizeS euiSuccess>Active</eui-chip>
</eui-dashboard-card-status-content>
```

### Warning Status
```html
<eui-dashboard-card-status-content>
  <eui-chip euiSizeS euiOutline euiWarning>Pending Review</eui-chip>
</eui-dashboard-card-status-content>
```

### Multiple Indicators
```html
<eui-dashboard-card-status-content>
  <eui-badge euiInfo>New</eui-badge>
  <eui-chip euiSizeS euiOutline>Draft</eui-chip>
</eui-dashboard-card-status-content>
```

### Accessibility
- Status information should be conveyed through text, not color alone
- Use semantic elements (badges, chips) with descriptive text
- Ensure sufficient color contrast for status indicators

### Notes
- Use alongside `eui-dashboard-card-content` for status display
- Typically contains badges, chips, or status labels
- Positioned independently from main card content
- Supports multiple status indicators


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