AppBuilder Buttons with images in Tabs

In the ShapeDiver BlogPost

https://www.shapediver.com/blog/app-builder-101-shapediver

within the video

https://www.youtube.com/watch?v=NJCgU4eBBRQ

at 0:08 min

a selection of buttons is shown with images (orange houses) as button background.

With which Components of AppBuilder or ShapeDiver-Components can such buttons be inserted into a tab?

This can be done using the Value List Settings component. You can check tutorial 2K here:

Are there known restrictions to the Value List Item Data and Value List Settings ?

When editing the Grasshopper out-of-the-box Value List input, we can provide a human readable representation and the respective output - see example in screenshot below.

Which “side” is expected by the ShapeDiver Value List Item Data components?

It appears to behave inconsistently when the Value List does not have identical values on left an right side.
When using the name on the left side, it appears that the image won’t load when the right side has a different spelling.

Which side is to be used as “Name”?
Can SD currently handle Value Lists with different Key-Value Sets?

I just tested this and it worked as expected on my side. You need to use the display name of the option (left side). Here is an example following this method.

ValueListSettings.ghx (438.1 KB)

If you are still having issues, please include a minimal definition that helps reproduce them.