Skip to main content
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

SlotDescrição
headerConteúdo exibido acima da grade, fora do fluxo masonry.
defaultItens do layout masonry. Cada item é posicionado automaticamente.