ImagesSlider - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Descrição
`images`	`Array`	✅	Lista de objetos de imagem. Cada item deve ter uma propriedade `url` (String) com a URL da imagem.

Eventos

Evento	Descrição
`splide:moved`	Disparado quando o carrossel navega para um slide diferente.
`splide:mounted`	Disparado quando o carrossel é inicializado.

⌘I