Lowdefy
v3.23.3/display/Img/

Img

A block to render a HTML <img/> element.

id: block_id
type: Img
properties:
  src: https://docs.lowdefy.com/public/logo-light-theme.png
properties:
Alternative text description of the image.
Indicates if the fetching of the image must be done using a CORS request.
An image decoding hint to the browser. Sync for atomic presentation with other content, async, to reduce delay in presenting other content and auto leave to browser to decide.
Height of the image.
How the browser should load the image. Eager loads the image immediately, lazy, defers loading until the image it reaches a calculated distance from the viewport, as defined by the browser.
Indicating a set of source sizes of strings separated by commas.
The image URL.
Possible image sources for the user agent to use, strings separated by commas.
Css style object to applied to the image.
Width of the image.
Basic Img
id: basic_example
type: Img
properties:
  src: https://docs.lowdefy.com/public/logo-light-theme.png
srcset Img
id: srcset_example
type: Img
properties:
  src: https://docs.lowdefy.com/public/logo-light-theme.png
  srcset: >-
    https://docs.lowdefy.com/public/logo-square-light-theme.png 40w,
    https://docs.lowdefy.com/public/logo-light-theme.png 577w
  sizes: '(max-width: 576px) 40px, 577px'


type: object
properties:
  properties:
    additionalProperties: false
    properties:
      alt:
        description: Alternative text description of the image.
        type: string
      crossorigin:
        description: >-
          Indicates if the fetching of the image must be done using a CORS
          request.
        enum:
          - anonymous
          - use-credentials
        type: string
      decoding:
        description: >-
          An image decoding hint to the browser. Sync for atomic presentation with
          other content, async,  to reduce delay in presenting other content and
          auto leave to browser to decide.
        enum:
          - sync
          - async
          - auto
        type: string
      height:
        description: Height of the image.
        type: number
      loading:
        description: >-
          How the browser should load the image. Eager loads the image
          immediately, lazy, defers loading until the image it reaches a
          calculated distance from the viewport, as defined by the browser.
        enum:
          - eager
          - lazy
        type: string
      sizes:
        description: Indicating a set of source sizes of strings separated by commas.
        type: string
      src:
        description: The image URL.
        type: string
      srcset:
        description: >-
          Possible image sources for the user agent to use, strings separated by
          commas.
        type: string
      style:
        description: Css style object to applied to the image.
        type: object
      width:
        description: Width of the image.
        type: number
    required:
      - src
    type: object