MasonryLayout - Yampi Developer Portal

Container de layout masonry para exibição de itens com alturas variáveis, como cards de avaliações com imagens. Usa CSS Grid com grid-auto-rows para posicionamento automático dos itens.

Uso

<MasonryLayout>
  <template #header>
    <h3>Avaliações de clientes</h3>
  </template>

  <ReviewCard v-for="review in reviews" :key="review.id" :review="review" />
</MasonryLayout>

Slots

Slot	Descrição
`header`	Conteúdo exibido acima da grade, fora do fluxo masonry.
default	Itens do layout masonry. Cada item é posicionado automaticamente.

⌘I