Skip to content

Image

marimo.image 

image(
    src: ImageLike,
    alt: Optional[str] = None,
    width: Optional[Union[int, str]] = None,
    height: Optional[Union[int, str]] = None,
    rounded: bool = False,
    style: Optional[dict[str, Any]] = None,
    caption: Optional[str] = None,
) -> Html

Render an image as HTML.

Examples.

# Render an image from a local file
mo.image(src="path/to/image.png")

# Render an image from a URL
mo.image(
    src="https://marimo.io/logo.png",
    alt="Marimo logo",
    width=100,
    height=100,
    rounded=True,
    caption="Marimo logo",
)

Args.

  • src: a path or URL to an image, a file-like object (opened in binary mode), or array-like object.
  • alt: the alt text of the image
  • width: the width of the image in pixels or a string with units
  • height: the height of the image in pixels or a string with units
  • rounded: whether to round the corners of the image
  • style: a dictionary of CSS styles to apply to the image
  • caption: the caption of the image

Returns.

Html object