<s-drop-zone> suggested improvements

Polaris
1

Hello,

I’m trying the new component, great work on this one as well! Just a few important feedbacks:

  • Would it be possible to programmatically open a drop-zone ? Maybe adding a “open” method in the component would be great.
  • It would be nice if we could have a standard patterns (maybe through slot) to show a media in the dropzone and have controls to edit or remove items.

I was thinking of something like this:

<s-drop-zone accept="image/*" onRemove={() => {})>
  <s-image slot="media"></s-image>
  <s-image slot="media"></s-image>
</s-drop-zone>

Thanks

2 Likes
2

It would also be nice to be able to have the drop zone be a certain size, I am not sure if its a modal interaction but I had a very hard time resizing it with a box or grid

image
image474×494 4.77 KB

3

It would be great to be able to add multiple s-button as child of s-drop-zone.

I wanted to add a secondary button that open a modal with file upload guidelines, but it still opens the filesystem and I did not find a way to prevent it (even with stopPropagation, preventDefault)

1 Like