The CWA is in heavy development
The CWA is still in alpha and not ready for production - some code and implementations are likely to change. If you would like to try out the CWA, please enjoy what we have provided and feel free to provide feedback, or get involved on GitHub.
DraftCwa Components
<CwaImage />
A ready-made image display component for CWA uploadable resources, with skeleton loading and Imagine filter support.
<CwaImage> wraps the upload display pattern into a single component. It handles skeleton loading, contentUrl resolution, and optional Imagine filter variants. Use it when you need a simple image display without building a full custom component.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
iri | string | Yes | IRI of the image resource |
imagineFilter | string | No | Imagine filter name for a specific sized variant |
class | string | No | CSS classes applied to the <img> element |
alt | string | No | Alt text for the image |
Usage
<CwaImage :iri="imageIri" imagine-filter="thumbnail" alt="Hero image" class="w-full h-64 object-cover" />
For full control over loading states, skeleton markup, and multi-variant access, build a custom component using useCwaImageResource directly. See Images & Uploads for the complete pattern.