Appearance
Image
Displays a project asset or same-origin image.
In Studio
In Studio, double-click Image in the Components category of the Components panel. It is added to the open view, where you can drag it into place.
When to use
Use Image for a customer logo, a plant photo, or any raster/vector artwork that is not built from the SVG Drawing element tree.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
| Source (asset filename or /path) | String | (none) | A project asset filename, or a same-origin URL starting with /. A missing or unresolvable source renders a neutral dashed placeholder carrying the Alt Text, never a broken-image icon and never nothing. |
| Fit | contain, cover, fill, none | contain | How the image fits its box: contain (default, whole image visible, letterboxed), cover (fills the box, may crop), fill (stretches to fill, ignoring aspect ratio), or none (native size, clipped). |
| Alt Text | String | (none) | Alternate text. Shown in the placeholder when the image fails to load or has no source. |
Binding
This component has no single value binding.
Source can be bound to a tag or expression, but the component itself never writes.