> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/cwicly/components/properties-add/image-property.md).
# Image Property
The Image Property allows you to add an Image to a component, to name it, to set a Default image, to choose an URL and choose a simple (static) or advanced (static and dynamic) type.
* Open the Components Properties modal by clicking the "+" icon in the Block Inspector.
* Select the Image Property you wish to configure.
* Input required information such as Name and Default.
* Choose Type as required, simple or advanced.
## Connect
The Image Property needs to be connected for it to be applied to the canvas.
{% hint style="info" %}
You need to select "Modify" in the Toolbar or Block Inspector for the blocks that make up a particular component to be visible.
{% endhint %}
* Select the Component to which you want to connect the Image Property.
* Select "Modify" in the toolbar or the Block Inspector.
This will open the component in the navigator so you can access the required block.
* Select required block.
* In the Block Inspector, find the Image Property and click the Component logo.
* Choose required block in the Source dropdown.
The Image Property will now become green.
If the Image property is correctly connected, you should see something like this when in "Customise".
* Click Image panel to open the Media modal.
* Select required image and click "Select".
The selected image will now be visible in the Image field of the Block Inspector.
## Name
The Name property allows you to input a suitable name for your Image property.
* Input a suitable name.
Once connected, the chosen name will now be visible in the Block Inspector.
## Default
Allows you to set a suitable default image to your component.
* Open the Components Properties.
* Select required Image property.
* Open Settings tab.
* Click "Set Default Image" field or input URL.
* Select a suitable image.
* Click Select.
Once selected, you should be able to visualise the selected default image in the component Properties modal.
The image will appear by default on the canvas.
## Simple Type
The Simple Type property means that your image property is static.
* Open the Components Properties.
* Select required Image property.
* Open Settings tab.
* Select Simple as Type.
You will now be able to add a link to a static image.
## Advanced Type
The Advanced Type property allows you to add dynamic or static content to your image field as required.
* Open the Components Properties.
* Select required Text property.
* Open Settings tab.
* Select Advanced as Type.
A Dynamic icon is now visible in the Block Inspector that will allow you to toggle on/off Dynamic content.
* In the Block Inspector, toggle dynamic on for dynamic content.
* This will open the Dynamic Image modal.
* Input settings as required.