Skip to main content
Componente de carrossel otimizado para galerias de imagens. Suporta navegação por swipe em mobile, zoom por pinça e indicador de posição atual (ex.: 2/5).

​
Uso

<ImagesSlider
  :images="[
    { url: 'https://cdn.yampi.com.br/img1.jpg' },
    { url: 'https://cdn.yampi.com.br/img2.jpg' },
    { url: 'https://cdn.yampi.com.br/img3.jpg' }
  ]"
/>

​
Propriedades

PropriedadeTipoObrigatóriaDescrição
imagesArray✅Lista de objetos de imagem. Cada item deve ter uma propriedade url (String) com a URL da imagem.

​
Eventos

EventoDescrição
splide:movedDisparado quando o carrossel navega para um slide diferente.
splide:mountedDisparado quando o carrossel é inicializado.