noodl-docs/nodes/basic-elements/image/README.md

hide_title, hide_table_of_contents, title

hide_title	hide_table_of_contents	title
true	true	Image node

{/##head##/}

Image

This node places an image in the visual tree. It features a wide range of design options and blend modes.

The source can be set from a URL or a file. You can drag images from your computer and drop them into Noodl to add them to the project folder. This will make them selectable as the source in the Image nodes Property Panel.

{/##head##/}

Inputs

Data	Description
Source	The image source path. Choose an image in your project or point to a valid URL that can be accessed.
Source Set	Use this property to specify different image sources for different resolutions making it more responsive. Learn more here.

Visual

This node supports the following Visual Input Properties:

• Margin
• Alignment
• Dimensions
• Layout, Position
• Style
• Border Style
• Corner Radius
• Box Shadow
• Placement
• Dimension Constraints
• Other
• Advanced HTML

Outputs

Many of the UI nodes share the same outputs. Please refer to the Visual Output Properties documentation.

This node supports the following properties:

• Bounding Box
• Mounted
• Pointer Events
• Hover Events
• Other

@include "../../shared-props/inputs/_visual-input-properties.md"

@include "../../shared-props/outputs/_visual-output-properties.md"