Image
The Image component allows you to display a picture.
The following section details Image component's specific settings. For more details on the App editor, check the dedicated documentation or the App editor Quickstart:
App editor Documentation
The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.
Apps quickstart
Learn how to build your first app in a matter of minutes.
Image configuration
| Name | Type | Connectable | Templatable | Default | Description |
|---|---|---|---|---|---|
| Source | string | true | false | /logo.svg | The image. |
| Image Fit | string: contain, cover, fill | false | false | contain | How the image will fit the component box. |
| Alt text | string | false | false | / | This text will appear if the image can't be loaded for any reason. |
Outputs
| Name | Type | Description |
|---|---|---|
| loading | boolean | The loading state of the Image component. |