Image Control

Media library picker for selecting images.

Options

Option	Type	Default	Description
label	string	-	Field label
control	string	image	Control type
default	string	-	Default image URL

Example

{
  "attributes": {
    "heroImage": {
      "type": "string",
      "default": "",
      "wbs": {
        "label": "Hero Image",
        "control": "image"
      }
    },
    "heroImageAlt": {
      "type": "string",
      "default": "",
      "wbs": {
        "label": "Image Alt Text",
        "control": "text"
      }
    }
  }
}

Template Usage

<img src="{{ attributes.heroImage }}" alt="{{ attributes.heroImageAlt }}" loading="lazy" />

Use Case

Use Image for hero images, thumbnails, avatars, or any image selection needs. Pair with a Text field for alt text accessibility.