Admin Action extension Polaris Web Components

How would you achieve this UX in an Admin Action extension using the new Polaris Web Components?

A grid of image thumbnails, and:

  1. When you hover over an image a semi-transparent overlay shows
  2. You can click the given item.

Additionally: can I set a custom color for the image border? I know it is not recommended, but it is not even possible?

Thanks.

1 Like

@Liam-Shopify Can you help me with this? Also with the additional question. I would really appreciate it.

I don’t think it would be trivial (and probably not possible) to re-create that exact UI.

Perhaps you can use a clickable, and show a different border/UI for selected images - the only thing you wouldn’t get is the checkbox?

On the different border topic. It is not possible to set custom colored borders, right? Red, green, blue or any shade. This is with the latest polaris web components.

This might be the answer to that.

Correct - you are limited to the styling props they have available: varaint, tone etc