M3 Interactive Data Cards

I am trying to duplicate

Specifically the image on the right. I have followed the documentation Anvil Docs | Components

however when I try to add the image, it only allows the image to be on the top or the bottom, not on the left as it is in the picture.

I have created a small demo app to illustrate the issue.

In addition, the links for Properties and Events under Interactive Cards give a not found error.

Thank you.

Closest I could get what you were going for:
image

The way I did it was to put a column panel inside the card, and add the image and labels in two separate columns and then reduced margins/padding

2 Likes

Sorry for the delay. I thought I responded to this. You inspired me to create a custom component which solved my issue!

Thank you so much. Happy New Year.