aeria-grid

This components returns a grid with standardized gaps and responsive breakpoints.

Example

Card #1

Card #2

Card #3

Card #4

<aeria-grid>
  <aeria-card
    v-for="index in 4"
    :key="`card-${index}`"
  >
    <aeria-picture link="/static/card.svg"></aeria-picture>
    <template #footer>
      Card #{{ index }}
    </template>
  </aeria-card>

</aeria-grid>

Props

• list boolean?: Turns the grid into a single column list.

Slots

• default: The grid elements.