Skip to content

Image

Description

Display a configurable image

Attributes

  • tile=image
  • image: [Object]
    • url: Provide a image URL and also allow to used template string to display from dispatches data.
    • height: height in pixels
    • width: width in pixels
    • align: right | center | left
    • styles: additional CSS for the image container
  • styles: additional CSS for the image container
  • classes: additional CSS for the image container

Example

{
  "tile": "image",
  "title": "Image tile tests",
  "image": {
    "url": "https://weave-io-files.s3.amazonaws.com/files/org/b15ea97f-754b-4c7f-8e8a-d8ea778385d0/ilsS0mxbRaktkLeZwlI8OLwNdAD5Wzfa4ee052f960b4ed54e28653836c3323/1492627310758.jpg",
    "height": 500,
    "width": 500,
    "align": "center"
  },
  "styles": {
    "widget": {
      "borderRadius": "10px",
      "backgroundColor": "red"
    }
  }
}