silencesys / silentbox

A lightbox inspired Vue.js component.
https://silentbox.rocek.dev
MIT License
296 stars 50 forks source link

How to make a transition-group ? #38

Open kissu opened 4 years ago

kissu commented 4 years ago

I do have the following:

<silent-box :gallery="photos">
    <template #silentbox-item="{ silentboxItem }">
      <img :src="silentboxItem.src" />
      ...
    </template>
</silent-box>

I'm not sure how to add transition-group to that kind of code. Tried it in pretty much any way without success. Can you give me a tip for that one ? 😄

silencesys commented 4 years ago

What do you want to achieve? :)

kissu commented 4 years ago

If I remove some photos, I wish to have some fluid transition with each element moving to their future position rather than just an instant positioning on the empty slots.