Skip to main content
A component to display images. Use your app’s static folder to serve images directly. For example, static/my_image.png. Alternatively, pass a Matplotlib figure via state. state["my_fig"] = fig and then setting the Image source to @{fig} You can also use packed files or bytes: state["img_b"] = wf.pack_bytes(img_bytes, "image/png") state["img_f"] = wf.pack_file(img_file, "image/png")

​
Fields

NameTypeDescriptionOptions
SourceTextA valid URL. Alternatively, you can provide a state reference to a Matplotlib figure or a packed file.-
CaptionTextLeave blank to hide.-
Max width (px)Number--
Max height (px)Number--
Secondary textColor--
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.-

​
Events

Capture single clicks.
def click_handler(state):

# Increment counter when the image is clicked

state["counter"] += 1
⌘I