---
alias: "fc.card.image"
aliases:
  - fc.card.image
category: content
module: Core
---
# fc.card.image

Image display within a card container with responsive sizing.

## When to Use
- Product images
- Document/receipt thumbnails

## Key Props
| Prop | Type | Required | What it controls |
|------|------|----------|------------------|
| `image` | { imageUrl, width?, height? } | **Yes** | Image source and dimensions |
| `width` | CardWidth | No | Card width |

## Validation Rules
P14 (CRITICAL — image with imageUrl required)

## Manifest Example
```json
{
  "component": "fc.card.image",
  "props": { "image": { "imageUrl": "{{imageUrl}}", "width": 200 } }
}
```

## AI Parse Notes
- **Primary intent:** Declarative Mystique component definition for manifests.
- **Selection signals:** Match by `alias`, category, and required `Key Props`.
- **Assembly hints:** Combine with compatible parent/child components listed in `Composition Patterns`.
- **Safety checks:** Validate required props and data bindings before manifest generation.
